Diagrams

You can use diagram as code approach right inside your markdown files!

Mermaid JS

In order to create mermaid diagram create code code block with mermaid syntax specified.

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 <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

Mermaid diagram is loading...

PlantUML

In order to create PlantUML diagram create code code block with plantuml syntax specified.