チャート見本市/ヒートマップ
相関・分布Heatmap難易度: 普通

ヒートマップ

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

時間帯・曜日・地域などの「混雑度・集中度のムラ」を色の濃淡で表す

縦軸に時間帯、横軸に曜日などを並べ、数値が大きいセルほど濃い色(または明るい色)で塗る表現です。いつどこでイベントや注文が集中しているかが一目で分かります。

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

MAX

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

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

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

高集中・ピーク
数値最大エリア
#FACC15HEX
中集中
中間の数値
#CA8A04HEX
低集中
数値最小エリア
#27272AHEX

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

  • 曜日×時間帯別のカスタマーサポート問い合わせ件数(ピーク時の特定)
  • 店舗の曜日×時間帯別レジ混雑状況
  • Webサイト上のスクロール・クリック集中エリア

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

  • 色の濃淡グラデーションが不鮮明で、数値の違いが伝わらない配色

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

Power BIJupyter/DeepnoteLooker StudioRedash
Looker StudioからRetoolまで!BIツール比較ガイドを読む