例

このページには、mermaidを通じて作成できる図やチャートの例のコレクションが含まれています。

ウェブページでmermaidをサポートする方法を学びたい場合は、初心者ガイドをお読みください。

mermaidの構文について学びたい場合は、図の構文セクションをお読みください。

基本的な円グラフ

Code:

Code:

基本的なシーケンス図

Code:

基本的なフローチャート

Code:

スタイリングされた大きなフローチャート

Code:

シーケンス図: ループ、alt、opt

Code:

シーケンス図: ループ内での自己へのメッセージ

Code:

シーケンス図: ブログアプリサービスのコミュニケーション

Code:

コミットフローダイアグラム