Less syntax hunting.
More clear thinking.
Fast, practical references for choosing a diagram language and getting from source to a useful diagram.
Diagram language
Mermaid Guide
A broad Mermaid syntax reference for flows, interactions, models, planning, charts, and specialized diagram families.
Diagram language
D2 Guide
A broad D2 reference for declarations, connections, containers, text, styles, layout, data models, and advanced boards.
Diagram language
PlantUML Guide
Core PlantUML patterns for UML, sequence, activity, and component diagrams, with clean starting syntax.
Diagram language
Graphviz Guide
The DOT essentials for directed graphs, subgraphs, node defaults, edge labels, and layout engines.
Choosing a language
D2 vs Mermaid vs PlantUML
Choose the right diagram-as-code language for docs, product architecture, UML-heavy teams, and local workflows.
Need a starting point? Open the online editor, paste a Mermaid example, and make it your own.