例

このページには、mermaid とその無数のアプリケーションを通じて作成できるダイアグラムとチャートの例のコレクションが含まれています。

Web ページで mermaid をサポートする方法については、初心者ガイドをご覧ください。

mermaid の構文については、ダイアグラム構文セクションをご覧ください。

基本的な円グラフ

基本的なシーケンス図

基本的なフローチャート

スタイルが適用された大きなフローチャート

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

シーケンス図：ループ内の自分へのメッセージ

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

コミットフロー図。