mermaid.js:sandbox
code: a.mermaid
flowchart LR
B --> C{Decision}
code: ありがたや節.mermaid
stateDiagram-v2
有難や --> 有難や
有難や --> 金がなければ
金がなければ --> くよくよします
くよくよします --> 女に振られりゃ
女に振られりゃ --> 泣きまする
泣きまする --> 腹がへったら
腹がへったら --> おまんまたべて
おまんまたべて --> 寿命尽きれば
寿命尽きれば --> あの世行き
あの世行き --> 有難や
code:m.mermaid
graph LR
A["text"] --> B --> C["`The *cat* **cat** ***cat***
in the hat`"]
code:mermaid
graph LR
A --> B --> C
%% Aはデフォルト
style B color:#fff, fill:#0af, stroke:#00f, stroke-width:2px,
style C color:#fff, fill:#f66, stroke:#000, stroke-width:2px, stroke-dasharray: 5
%% color ノード 文字色
%% fill ノード 塗り潰し色
%% stroke ノード 枠線色
%% stroke-width ノード 枠線太さ
%% stroke-dasharray ノード 枠線の破線指定
code:mermaid
flowchart LR
A:::foo & B:::bar --> C:::foobar
A-->D:::foobar
classDef foo stroke:#f00
classDef bar stroke:#0f0
classDef foobar stroke:#00f