Diagrams
Chyper supports creating, editing, and rendering diagrams directly in your projects.
Supported Formats
| Format | Style | Best For |
|---|---|---|
| Mermaid | Code-based | Flowcharts, sequence diagrams, state machines, class diagrams, ER diagrams |
| PlantUML | Code-based | UML diagrams, component diagrams, deployment diagrams |
| Excalidraw | Visual editor | Hand-drawn style diagrams, whiteboarding, architecture sketches |
| Graphviz (DOT) | Code-based | Graph visualization, network diagrams, dependency trees |
Creating Diagrams
Via AI Chat
Ask the AI agent to create diagrams:
"Create a sequence diagram showing the user login flow"
"Draw an architecture diagram for a microservices system"
"Make an ER diagram for our data model"
The agent generates the diagram in the most appropriate format and renders it inline.
Via the Diagrams Tab
- Open the Diagrams tab in your project
- Click New Diagram
- Choose a format (Mermaid, PlantUML, Excalidraw, or Graphviz)
- Edit the diagram source or use the visual editor (Excalidraw)
- Save to your project
From Code
The AI can analyze your codebase and generate diagrams automatically:
"Generate a class diagram from our core domain modules"
"Create a dependency graph of the project modules"
Rendering
- Inline preview — Diagrams render in chat messages and documents
- Export — Export as PNG, SVG, or PDF
- Embed — Include in project documents and reports