Examples
This is the largest branch on the site, and the most practical. Every page holds a real diagram with its source underneath, so you can copy a working example rather than assembling one from a reference page.
Two ways in: by what you want to draw, or by the language you already write.
#Pick a way in
#What is here
Set | Diagrams |
|---|---|
Mermaid | 23, from flowcharts and sequence diagrams to Sankey and radar |
PlantUML | 14, covering the UML range plus Salt, JSON and Gantt |
Charts | 17 across Vega and Vega-Lite |
Canvas editors | 6 draw.io diagrams and 5 Excalidraw recipes |
Standards | 5 BPMN processes and 8 DMN decision tables |
Everything else | D2, Graphviz, C4, DBML, ERD, Bytefield, TikZ, BlockDiag and 13 specialists |
Copy, then change one line. That loop teaches a diagram language faster than any amount of reading. Every example here is designed for it.
#Everything under here
#Related
Copy one. Change one line. That is the whole trick.
