Hextra v0.11 がリリースされました!🎉 新着情報はこちら
ダイアグラム

ダイアグラム

現在、Hextra は Mermaid によるダイアグラム作成をサポートしています。

Mermaid

Mermaid は、JavaScript ベースのダイアグラムおよびチャート作成ツールで、Markdown 風のテキスト定義をブラウザ上で動的にダイアグラムに変換します。例えば、Mermaid はフローチャート、シーケンス図、円グラフなどをレンダリングできます。

Hextra で Mermaid を使用するには、言語を mermaid に設定したコードブロックを記述するだけです:

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

これは以下のようにレンダリングされます:

A

B

C

D

シーケンス図の例:

JohnBobAliceJohnBobAliceloop[Healthcheck]Rational thoughts prevail!Hello John, how are you?Fight against hypochondriaGreat!How about you?Jolly good!

詳細については、Mermaid ドキュメントを参照してください。

最終更新日