サンキーダイアグラムとは？
サンキーダイアグラムは、矢印の幅がフロー量に比例するフロー図です。システム内で量がどのように流れ、分岐し、合流するかを示すのに優れています。アイルランドのMatthew Sankey大尉にちなんで名付けられ、エネルギー移転、予算フロー、コンバージョンファネル、比例的なフローの理解が重要なあらゆるプロセスの視覚化に不可欠です。
編集とプレビュー
Mermaid構文でサンキーダイアグラムを作成し、変更を即座に確認。
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15一般的なユースケース
コンバージョンファネル分析
マーケティングやセールスファネルでのユーザーフローを視覚化。ユーザーがどこで離脱し、各段階でどのように転換するかを確認。
エネルギーフロー視覚化
システム内でエネルギーがどのように生成、変換、消費されるかを表示。各段階での損失と効率を追跡。
予算とコストフロー
収入源から部門を経て支出への資金の流れを図示。財務配分を直感的に理解可能に。
サプライチェーンマッピング
サプライヤーから製造、流通までの材料と製品の流れを追跡。各段階での数量を視覚化。
主な機能
比例矢印
矢印の幅がフロー量に応じて自動的にスケールし、相対的なボリュームが一目瞭然。
ノードラベル
説明的なラベルでソースノードとターゲットノードを定義し、フロー内の各段階やエンティティを識別。
マルチフロー
1つのソースから複数のターゲットへの分岐、または複数のソースから1つのターゲットへの合流を表示。
シンプルなCSV風構文
直感的なソース、ターゲット、値のトリプレットでフローを定義。書きやすく維持しやすい。
ベストプラクティス
左から右にフロー
フローが左から右に流れるように配置し、自然な読み方向と時間の進行に合わせる。
意味のあるノード名を使用
ノードを明確にラベル付けし、各段階やエンティティが何を表すかを読者が即座に理解できるように。
複雑さを制限
フローとノードの数を管理可能に保つ。交差する矢印が多すぎると可読性が低下。
データの正確性を確保
フロー値が正確であることを確認。視覚的な比率が直接読者に量を伝えるため。
他のダイアグラムタイプを探す
フローチャート
ノードと方向矢印でプロセス、ワークフロー、アルゴリズムを視覚化。ビジネスプロセスやデシジョンツリーに最適です。
シーケンス図
異なるアクターやシステム間の時系列でのインタラクションを文書化。APIドキュメントやシステム設計に最適です。
クラス図
クラス、属性、関係でオブジェクト指向システムをモデル化。ソフトウェアアーキテクチャ設計に不可欠です。
ステート図
システムやアプリケーションの状態遷移を表現。ライフサイクル状態やワークフローのモデリングに最適です。
ガントチャート
タスクと依存関係でプロジェクトのタイムラインを計画・追跡。プロジェクト管理やスケジューリングに最適です。
ER図
エンティティと関係でデータベーススキーマを設計。データベースモデリングやドキュメント作成に最適です。
ユーザージャーニー
タッチポイント全体のユーザー体験とインタラクションをマッピング。UXデザインやカスタマージャーニーマッピングに最適です。
Gitグラフ
Gitのブランチ戦略やコミット履歴を視覚化。バージョン管理ワークフローの説明に役立ちます。
マインドマップ
アイデアの整理、ブレインストーミング、階層的なビジュアル構造の作成に。計画立案やナレッジマネジメントに最適です。
円グラフ
円形チャートでデータの比率分布を表示。パーセンテージやマーケットシェアの分析に最適です。
タイムライン
時間軸に沿ってイベントやマイルストーンを視覚化。プロジェクト履歴やロードマップの表示に最適です。
カンバンボード
ワークフローの段階ごとにタスクを列に整理。アジャイルプロジェクト管理やタスク追跡に最適です。
象限チャート
2軸グリッド上に項目をプロットして比較・優先順位付け。機能の優先順位付けや戦略分析に最適です。
XYチャート
カスタマイズ可能な軸を持つ棒グラフと折れ線グラフを作成。データ視覚化やトレンド分析に最適です。
ブロックダイアグラム
行と列に配置されたブロックで構造化レイアウトを構築。システムアーキテクチャやコンポーネント概要に最適です。
アーキテクチャ図
サービスアイコンと接続を使用してクラウドやシステムアーキテクチャを設計。インフラストラクチャドキュメントに最適です。
パケットダイアグラム
ネットワークプロトコルのパケット構造とビットレベルのフィールドレイアウトを視覚化。ネットワークプロトコルドキュメントに最適です。