【トピックス】GitHub、Markdown構文でフローチャートやクラス図、ガントチャートなどのダイアグラムを表示できる「Mermaid」をサポート開始(Publickey)

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!