Mermaid syntax documentation

Mermaid describes diagrams in plain text. You write the text, it renders the picture, so your diagrams can be version-controlled like code.

How the syntax works

flowchart LR
    A[Start] --> B{Ready?}
    B -- Yes --> C[Ship]
    B -- No --> D[Wait]
    D --> B

Do I need an account to make a Editor?

No. Every feature is free and open, you can start the moment the page loads, and exports are unlimited.

What formats can a Editor be exported to?

PNG and SVG. SVG is a vector format, so it stays sharp at any zoom level and works well in documents and slide decks.

How do I share a Editor with someone?

The share button produces a link with the diagram code embedded directly in it. Whoever opens it sees the same diagram, with no login required.