相関・分布Heatmap難易度: 普通
ヒートマップ
一言でわかる可視化ポイント
時間帯・曜日・地域などの「混雑度・集中度のムラ」を色の濃淡で表す
縦軸に時間帯、横軸に曜日などを並べ、数値が大きいセルほど濃い色(または明るい色)で塗る表現です。いつどこでイベントや注文が集中しているかが一目で分かります。
インタラクティブプレビュー
高
MAX
※マウスホバーやクリックでアニメーションや数値の変化を確認できます。
おすすめHTML/CSSカラーパレットサンプル
ダッシュボードの視認性を高めるためのカラーコード例です。グラフで最も伝えたい要素にイエローなどのアクセントカラーを割り当て、比較対象にはダークカラーを使用します。
高集中・ピーク
数値最大エリア
#FACC15HEX
中集中
中間の数値
#CA8A04HEX
低集中
数値最小エリア
#27272AHEX
こんな可視化に向いている(GOOD)
- 曜日×時間帯別のカスタマーサポート問い合わせ件数(ピーク時の特定)
- 店舗の曜日×時間帯別レジ混雑状況
- Webサイト上のスクロール・クリック集中エリア
やってはいけないNGパターン(BAD)
- 色の濃淡グラデーションが不鮮明で、数値の違いが伝わらない配色
標準機能で対応しているおすすめBIツール
Power BIJupyter/DeepnoteLooker StudioRedash
Looker StudioからRetoolまで!BIツール比較ガイドを読む