https://www.publickey1.jp/blog/22/githubmarkdownmermaid.html
専用の記法で記述するといろんな図を生成してくれます。
WordPressにも組み込めます(Mermaid Pluginを入れました．WP Mermaidブロックでは無くカスタムHTMLを作成して[ mermaid]と[ /mermaid]で記述を囲ってください)
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!
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!
prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!