Mermaid

“Mermaid é uma ferramenta de diagramação e construção de gráficos.
É uma diagramação de gráficos baseada em JavaScript que renderiza marcação de texto inspiradas em Markdown para criar e modificar diagramas dinamicamente.” - Mermaid-js

Diagramas

Sequência

Source code

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!

Graph

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!