What diagram types does Mermaid Studio support?

It supports all standard Mermaid diagram types including Flowcharts, Sequence Diagrams, State Diagrams, Class Diagrams, Entity Relationship (ER) diagrams, Git Graphs, Gantt charts, Mindmaps, and Pie charts.

Are my architecture diagrams sent to a remote server?

No. The Mermaid engine runs entirely client-side inside your browser via WebAssembly and JavaScript. No diagrams or source text leave your local machine.

Can I export high-resolution PNG images for documentation?

Yes. The Export PNG feature rasterizes the vector diagram onto a high-DPI canvas (2x scale) suitable for technical documentation and slide presentations.

Mermaid Diagram Studio Live Vector

Interactive live Mermaid architecture diagram editor with instant SVG preview, pan/zoom canvas, and PNG/SVG export.

MERMAID SPECIFICATION LIVE COMPILE

VECTOR VIEWPORT 100%

Frequently Asked Questions

Can I embed the exported SVG directly into GitHub Readmes or documentation?

Yes. The downloaded SVG file is completely standalone and vector-scalable, making it ideal for GitHub READMEs, Notion, Confluence, and technical wikis.

How does the interactive pan and zoom canvas work?

You can scroll with your mouse wheel over the viewport to zoom in or out, or click and drag the canvas to pan across large, complex architectural schematics.