Exporting and Rendering

Native support in:

• GitHub/GitLab - Automatically renders in Markdown
• VS Code - With Markdown Mermaid extension
• Notion, Obsidian, Confluence - Built-in support

Export options:

• Mermaid Live Editor - Online editor with PNG/SVG export (https://mermaid.ai/open-source/ )
• Mermaid CLI

npm install -g @mermaid-js/mermaid-cli then mmdc -i input.mmd -o output.png

• Docker

docker run --rm -v $(pwd):/data minlag/mermaid-cli -i /data/input.mmd -o /data/output.png

Examples

• Class Diagram (Domain Model)

• Sequence Diagram (API Flow)

• Flowchart (User Journey, theme:forest)

• ERD (Database Schema)

• Sankey showValues: true

• Sankey showValues: false

• C4Container