時系列・トレンドSparkline難易度: 簡単
スパークライン
一言でわかる可視化ポイント
表の中に小さな折れ線を置き、各項目の傾向を素早く見比べる
軸や説明を省いた小さな折れ線です。店舗や商品が多い表に添えると、現在値だけでなく上向きか下向きかも一覧で確認できます。
インタラクティブプレビュー
店舗 A
店舗 B
店舗 C
※マウスホバーやクリックでアニメーションや数値の変化を確認できます。
おすすめHTML/CSSカラーパレットサンプル
ダッシュボードの視認性を高めるためのカラーコード例です。グラフで最も伝えたい要素にイエローなどのアクセントカラーを割り当て、比較対象にはダークカラーを使用します。
上昇
改善傾向
#4ADE80HEX
下降
悪化傾向
#F87171HEX
通常
主要トレンド
#FACC15HEX
こんな可視化に向いている（GOOD）
- 店舗一覧に売上推移を追加
- 商品別の在庫推移
- KPI一覧の直近トレンド
やってはいけないNGパターン（BAD）
- 正確な値や日付を読み取らせること。詳細確認用のグラフを別に用意します
標準機能で対応しているおすすめBIツール
Power BILooker StudioExcel
Looker StudioからRetoolまで！BIツール比較ガイドを読む