Mermaid

https://github.com/mermaid-js/mermaid

Flow diagrams

stateDiagram abracadabra-->b abracadabra-->c b-->abracadabra

graph TD A-->B A-->C B-->D C-->D

Pie!

pie "Dogs" : 38 "Cats" : 85 "Rats" : 15

Ganttt

https://mermaid-js.github.io/mermaid/#/gantt?id=a-note-to-users

gantt title A Gantt Diagram dateFormat YYYY-MM-DD axisFormat %d %b %Y section Section A task :a1, 2014-01-01, 30d Another task :after a1, 20d section Another Task in sec :b1,2014-02-02, 12d another task :124d yet another :after b1, 30d

abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra

Jolly good!

Dit is echt mooi

sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts
prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!

toch?

User Journey

journey title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 5: Me

hm, zei Tom Poes

b abracadabra-->c b-->abracadabra

abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra abracadabra