チャート見本市/サンキーダイアグラム
プロセス・変化Sankey Diagram難易度: やや高機能

サンキーダイアグラム

一言でわかる可視化ポイント

人・お金・データが、どこからどこへ流れているかを追う

流れの太さで量を表し、入口から分岐、到達先までをつなぎます。顧客の行動経路や費用配分など、複数の流れを俯瞰できます。

インタラクティブプレビュー

検索広告紹介
購入相談離脱

※マウスホバーやクリックでアニメーションや数値の変化を確認できます。

おすすめHTML/CSSカラーパレットサンプル

ダッシュボードの視認性を高めるためのカラーコード例です。グラフで最も伝えたい要素にイエローなどのアクセントカラーを割り当て、比較対象にはダークカラーを使用します。

主要経路
最も太い流れ
#FACC15HEX
副経路
第2の流れ
#38BDF8HEX
離脱
望ましくない流れ
#F87171HEX

こんな可視化に向いている(GOOD)

  • 流入チャネルから購入商品までの経路
  • 予算が各費目へ配分される流れ
  • 問い合わせから解決方法までの分岐

やってはいけないNGパターン(BAD)

  • 分岐が多すぎて線が交差し、追えなくなる状態

標準機能で対応しているおすすめBIツール

Power BILooker StudioJupyter/Deepnote
Looker StudioからRetoolまで!BIツール比較ガイドを読む