11 unmodified lines
12## demos
13
14one file per diagram type — push them to see them rendered:
15
16- [flowchart](flowchart.d2) — nodes, edges, decisions
17- [sequence](sequence.d2) — message passing between services
18- [architecture](architecture.d2) — system architecture with nested containers
19- [class](class.d2) — class hierarchy
20- [er](er.d2) — entity relationship diagram
21- [grid](grid.d2) — grid layout
16- [flowchart](demo/flowchart.d2) — nodes, edges, decisions
17- [sequence](demo/sequence.d2) — message passing between services
18- [architecture](demo/architecture.d2) — system architecture with nested containers
19- [class](demo/class.d2) — class hierarchy
20- [er](demo/er.d2) — entity relationship diagram
21- [grid](demo/grid.d2) — grid layout
22
23## styling
24
25D2 supports inline styling on any element:
7 unmodified lines
33```
34
35styled demos:
36
37- [flowchart-styled](flowchart-styled.d2) — custom colors and shapes
38- [architecture-styled](architecture-styled.d2) — themed architecture diagram
37- [flowchart-styled](demo/flowchart-styled.d2) — custom colors and shapes
38- [architecture-styled](demo/architecture-styled.d2) — themed architecture diagram
39
40## how it works
41
421. push a `.d2` file via git (or save via edit mode)
49 unmodified lines