# Mermaid

Mermaid diagrams are text-based diagrams you write in a simple “code” syntax that then render as flowcharts, sequence diagrams, and many other visual formats.

Instead of drawing shapes manually, you describe the diagram in plain text.

---

[Block Diagram (Mermaid)](https://diagrams.gocapable.com/diagrams/block-diagram-mermaid.html)[Class Diagram (Mermaid)](https://diagrams.gocapable.com/diagrams/class-diagram-mermaid.html)[Entity Relationship Diagram (Mermaid)](https://diagrams.gocapable.com/diagrams/entity-relationship-diagram-mermaid.html)[Flowchart (Mermaid)](https://diagrams.gocapable.com/diagrams/flowchart-mermaid.html)[Gantt Diagram (Mermaid)](https://diagrams.gocapable.com/diagrams/gantt-diagram-mermaid.html)[Git Graph (Mermaid)](https://diagrams.gocapable.com/diagrams/git-graph-mermaid.html)[Mindmap (Mermaid)](https://diagrams.gocapable.com/diagrams/mindmap-mermaid.html)[Packet Diagram (Mermaid)](https://diagrams.gocapable.com/diagrams/packet-diagram-mermaid.html)[Pie Chart (Mermaid)](https://diagrams.gocapable.com/diagrams/pie-chart-mermaid.html)[Process Diagram (Mermaid)](https://diagrams.gocapable.com/diagrams/process-diagram-mermaid.html)[Quadrant Chart (Mermaid)](https://diagrams.gocapable.com/diagrams/quadrant-chart-mermaid.html)[Radar Chart (Mermaid)](https://diagrams.gocapable.com/diagrams/radar-chart-mermaid.html)[Requirement Diagram (Mermaid)](https://diagrams.gocapable.com/diagrams/requirement-diagram-mermaid.html)[Sankey Diagram (Mermaid)](https://diagrams.gocapable.com/diagrams/sankey-diagram-mermaid.html)[Sequence Diagram (Mermaid)](https://diagrams.gocapable.com/diagrams/sequence-diagram-mermaid.html)[State Diagram (Mermaid)](https://diagrams.gocapable.com/diagrams/state-diagram-mermaid.html)[User Journey (Mermaid)](https://diagrams.gocapable.com/diagrams/user-journey-mermaid.html)[XY Chart (Mermaid)](https://diagrams.gocapable.com/diagrams/xy-chart-mermaid.html)