Mermaid Diagram Examples

A collection of Mermaid diagram examples showcasing various diagram types supported by the Mermaid diagramming and charting tool. Each example includes the Mermaid code syntax along with a link to the Mermaid Live Editor for interactive editing.

For comprehensive documentation on Mermaid syntax and features, visit the official Mermaid documentation.

Table of Contents

Diagram Type	Description
Architecture	Architecture diagrams
Block	Block diagrams
C4	C4 model diagrams for software architecture
Class	Class diagrams for object-oriented design
Entity Relationship	ER diagrams for database modeling
Flowchart	Flowcharts for process visualization
Gantt	Gantt charts for project scheduling
Git	Git graph diagrams
Kanban	Kanban board diagrams
Mindmap	Mind map diagrams
Packet	Network packet diagrams
Pie	Pie charts
Quadrant	Quadrant charts
Radar	Radar/spider charts
Requirement	Requirement diagrams
Sankey	Sankey diagrams for flow visualization
Sequence	Sequence diagrams for interactions
State	State diagrams
Timeline	Timeline diagrams
Treemap	Treemap diagrams
User Journey	User journey diagrams
XY Chart	XY charts for data visualization

Usage

Each example file contains:

1. A link to the Mermaid Live Editor with the diagram pre-loaded
2. The raw Mermaid code syntax
3. The rendered Mermaid diagram (viewable on GitHub or any Markdown renderer with Mermaid support)

License

This project is licensed under the MIT License - see the LICENSE file for details.