Skip to content

Mermaid ダイアグラム

Mermaid を使用して、マークダウン内のテキスト記述からダイアグラムやグラフを作成できます。

コードブロックに mermaid とマークすると、ダイアグラムに変換されます。例えば:

md
```mermaid
sequenceDiagram
  Alice->John: Hello John, how are you?
  Note over Alice,John: A typical interaction
```

さらに、オプションオブジェクトを渡してスケーリングやテーマを指定することもできます。オブジェクトの構文は JavaScript のオブジェクトリテラルで、文字列には引用符(')を付け、キーの間はカンマ(,)で区切る必要があります。

md
```mermaid {theme: 'neutral', scale: 0.8}
graph TD
B[Text] --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]
```

詳しくは、Mermaid の公式サイト をご覧ください。

Released under the MIT License.