Documentation

Mermaid Viewer Guides

Step-by-step guides and reference articles for every diagram type. Learn the syntax, see copy-paste examples, and start building diagrams in minutes.

How to Create Flowcharts with Mermaid

Learn flowchart syntax — nodes, arrows, decision diamonds, and subgraphs.

flowchart, decision tree, graph TD, node shapes

Document API flows with actors, messages, activations, loops, and alt blocks.

sequence diagram, API documentation, actor, activation

Complete reference for all diagram types, node shapes, arrow styles, and themes.

mermaid syntax, cheat sheet, reference, diagram types

Visualize data distributions with pie charts — labels, values, and custom colors.

pie chart, data visualization, chart

Want to try it now? Open the editor →