Skip to main content
Ona Agent can generate Mermaid diagrams to visualize system architecture, dependencies, workflows, and data relationships. Ask in natural language:
  • “Draw an architecture diagram showing how our microservices communicate”
  • “Create a sequence diagram for the authentication flow”
  • “Show me a dependency graph for the frontend components”
  • “Visualize the relationships between our database tables”

​
Supported diagram types

  • Flowcharts - decision trees and process flows
  • Sequence diagrams - interaction between components over time
  • Class diagrams - object-oriented relationships
  • Entity-relationship diagrams - database schema visualization
  • State diagrams - state machines and transitions
  • Gantt charts - project timelines
See the Mermaid documentation for syntax reference.

​
Viewing diagrams

Diagrams render with Code and Preview tabs. The preview includes zoom controls (25% to 450%), fullscreen mode, and copy-to-clipboard.

​
Troubleshooting

If you see “Diagram Error”, the Mermaid syntax is invalid. Ask the agent to fix it or check the code tab for syntax issues.