比較・差分Highlighted Bar Chart難易度: 普通
条件付き強調棒グラフ
一言でわかる可視化ポイント
「注意すべき数値（赤）」や「目標達成店舗（黄）」を色で浮き立たせる
すべての棒を同じ色にせず、特定条件（例：目標達成率80%未満、トップ3など）に該当するバーだけにアクセントカラーを塗るテクニックです。見忘れては困る数値を一瞬で見つけられます。
インタラクティブプレビュー
店舗A
店舗B
店舗C
未達
店舗D
達成
※マウスホバーやクリックでアニメーションや数値の変化を確認できます。
おすすめHTML/CSSカラーパレットサンプル
ダッシュボードの視認性を高めるためのカラーコード例です。グラフで最も伝えたい要素にイエローなどのアクセントカラーを割り当て、比較対象にはダークカラーを使用します。
達成・注目
目標達成 / 自社
#FACC15HEX
標準
その他比較対象
#27272AHEX
要改善
未達 / アラート
#F87171HEX
こんな可視化に向いている（GOOD）
- 目標未達のエリア店舗のみを赤色で強調
- 自社製品の売上だけをイエロー、他社比較をグレーで表示
- 異常値（急増・急減）が発生した日付の強調
やってはいけないNGパターン（BAD）
- 5色以上のカラフルな色を意味なく使ってしまうこと
標準機能で対応しているおすすめBIツール
Power BILooker StudioRetoolMetabase
Looker StudioからRetoolまで！BIツール比較ガイドを読む