Mermaid diagram examples

All diagrams below render natively — just use triple-backtick mermaid fenced code blocks in any .md or .mdx page.

Flowchart

Sequence diagram

Class diagram

State diagram

Entity relationship

Gantt chart

Git graph

Pie chart

tip

For the full Mermaid syntax reference, see the official Mermaid docs.