Demonstrating diagrams

2020-01-03

Categorydocs

You can put mermaidjs and graphviz diagrams in your markdown!

Code like:

```dot
graph {
    a -- b;
    b -- c;
    a -- c;
    d -- c;
    e -- c;
    e -- a;
}
```

(you can use three backticks or three ~s - either works - I'm using both to make this page work!)

Results in:

%0 a a b b a--b c c a--c b--c d d d--c e e e--a e--c

Similarly for mermaid.js (a JavaScript tool a bit like Plantuml):

graph TD A[Hard] -->|Text| B(Round) B --> C{Decision} C -->|One| D[Result 1] C -->|Two| E[Result 2]
sequenceDiagram Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!