Mermaid Diagram Reference
This page showcases 10 common Mermaid diagram types with examples relevant to prompt engineering and autonomous agents.
1. Flowchart
Flowcharts show processes, workflows, and decision points:
Extended example — multi-step agent deployment
2. Sequence Diagram
Sequence diagrams illustrate interactions between actors and systems over time:
Extended example — multi-agent handoff
3. State Diagram
State diagrams model the lifecycle of a system or process:
Extended example — full agent lifecycle
4. Mindmap
Mindmaps organize hierarchical information around a central topic:
Extended example — full product hierarchy
5. Pie Chart
Pie charts display proportional data distributions:
Extended example — LLM provider distribution
6. Class Diagram
Class diagrams model the structure of a system showing classes, attributes, and relationships:
Extended example — full platform class model
7. Entity Relationship Diagram
ER diagrams represent data entities and their relationships:
Extended example — full database schema
8. Git Branch Diagram
Gitgraph diagrams visualize branching and merging strategies:
Extended example — multi-branch release workflow
9. Timeline
Timelines display events chronologically:
Extended example — full platform roadmap
10. Gantt Chart
Gantt charts illustrate project schedules and task dependencies: