/mermaid — Mermaid Diagram
Write Mermaid syntax and render a live diagram — flowcharts, sequence, class, state, ER, gantt, pie. Download the SVG. Renders entirely in your browser.
How to use & examples
Type Mermaid syntax on the left — the diagram on the right updates as you type. The first word picks the diagram type (flowchart, sequenceDiagram, classDiagram, pie, gantt, …). Click an example to load it, or drag a .mmd/.txt/.md file onto the editor to open it. Hit download SVG to export.