🧜‍♀️

Mermaid.jsでアルゴリズムのフローチャートを表現する

2023/04/01に公開

Mermaid.jsは、マークダウン形式のテキストでフローチャートやシーケンス図などのダイアグラムを描画できるJavaScriptライブラリです。以下に、フローチャートで利用される主な図形と、それに対応するMermaid.jsの表現を記載します。

1. 矩形(プロセス):

graph TD;
    A[Process];

2. ダイヤモンド(判断):

graph TD;
    B{Decision};

3. 円(終了):

graph TD;
    C((Start/End));

4. パラレログラム(入出力):

graph TD;
    D>Input/Output];

5. 矢印(フロー):

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

これらの図形を組み合わせて、フローチャートをMermaid.jsで描画できます。以下は、簡単なフローチャートの例です。

Mermaid.jsを使用することで、フローチャートをテキスト形式で記述し、視覚的に表現することができます。

Discussion