mermaid.js:基本図形 - suto3の大福帳

mermaid.js:基本図形

基本用語

ノード（node）

エッジ（edge）

アロー（arrow）

シェイプ（shape）

リンク（link）

グラフ（graph）

サブグラフ（subgraph）

テキスト（text）　

アクター（actor）

シンボル（symbol）

code:A.mermaid

flowchart TD

AHello-->BWorld;

code:B.mermaid

%%{init:{'theme':'neutral'}}%%

flowchart LR

AHello-->BMermaid-->CWorld;

code:C.mermaid

%%{init:{'theme':'dark'}}%%

flowchart TD

A-->|ここにコメントを記述|B;

code:d.mermaid

flowchart TB

B{ひし形};

C(角丸長方形);

E((円));

code:d2.mermaid

flowchart TB

A>text];

B{{text}};

G(((text)));

code:e.mermaid

flowchart TB

subgraph サブグラフ1

A1-->B1;

end

subgraph サブグラフ2

A2-->B2;

end

subgraph サブグラフ3

A3-->B3;

end

B1-->C;

B2-->C;

B3-->C;