Diagrams

Mermaid Renderer

Quick start
Diagram

The diagram is drawn in your browser. Your code is not stored unless you click "Share with preview" yourself.

Got Mermaid code from an AI assistant or a README, and want to see what it says? Paste the code and the diagram appears right away. Everything happens in your browser — your code never reaches our server.

What people use this for

  • flowchart TD — top-down flow chart
  • sequenceDiagram — interaction between systems over time
  • erDiagram — tables and their relationships
  • gantt — schedule with milestones
  • stateDiagram-v2 — states and transitions
  • mindmap — organise loose ideas

What others think of this tool

No reviews for this tool yet. Yours would be the first.

Frequently asked questions

Is my diagram stored?

No. Rendering happens entirely in your browser. Only when you click 'Share with preview' do we store the code to create a shareable link — and we tell you so explicitly at that moment.

Why do I see an error instead of a diagram?

Mermaid is strict about syntax. We show the error message including the line number so you can see where it goes wrong. Common causes: a space in a node name without square brackets, or an arrow type that diagram doesn't support.

Which diagram types are supported?

Everything Mermaid 11 supports: flowchart, sequence, class, state, ER, gantt, pie, gitGraph, mindmap, timeline, quadrant, sankey and more.

Can I export the diagram?

Yes — as SVG (scalable, ideal for documents and presentations) or PNG (paste straight into email or chat).

Can Mermaid code execute anything on my machine?

No. We run Mermaid in its strictest mode: everything inside a label passes through a sanitizer, and click actions get no working link. Scripts, attributes such as onerror and javascript: links are removed before the diagram appears. We verified this with a test diagram.