チャート見本市/カレンダーヒートマップ
時系列・トレンドCalendar Heatmap難易度: 普通

カレンダーヒートマップ

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

日ごとの繁閑や継続状況を、カレンダーの濃淡で見渡す

1日を一つのマスにして、活動量を色の濃さで表します。曜日や季節による繰り返し、空白日、異常に忙しい日が見つかります。

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

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

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

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

最多
活動量が多い日
#FACC15HEX
通常
通常の活動日
#A16207HEX
なし
活動がない日
#27272AHEX

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

  • 日別売上や注文数
  • システム利用回数
  • 問い合わせや障害の発生日

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

  • 1日の中の時間帯まで詳しく分析したい場合。通常のヒートマップが適します

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

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