mermaid.js:sandbox

code: a.mermaid

flowchart LR

AHard -->|あ| B(Round)

B --> C{Decision}

C -->|い| DResult 1

C -->|う| EResult 2

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

https://img.shields.io/badge/sandbox-FF3670.svg?logo=mermaid&style=for-the-badge&logoColor=white