# 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

[Diagram examplesGrouped by what you are trying to draw.](https://help.gocapable.com/diagrams/diagram-examples.html)

[By languageSeventeen sets, one per language.](https://help.gocapable.com/diagrams/by-language.html)

---

## 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

[By languageWorked examples grouped by diagram language: Mermaid, PlantUML, draw.io, D2, Vega-Lite and thirteen more.](https://help.gocapable.com/diagrams/by-language.html)[Diagram examplesEvery worked example, grouped by what you are trying to draw rather than by which language draws it.](https://help.gocapable.com/diagrams/diagram-examples.html)

---

## Related

[Diagram typesGuidance on choosing a diagram.](https://help.gocapable.com/diagrams/diagram-types.html)

[ReferenceLanguages, macro fields and limits.](https://help.gocapable.com/diagrams/reference.html)

[GuidesHow to drive the editors.](https://help.gocapable.com/diagrams/guides.html)

---

_Copy one. Change one line. That is the whole trick._