目標・KPIKPI Stat Card難易度: 簡単
KPIカード（単一数値）
一言でわかる可視化ポイント
最も重要な「単一の数字」と前月比・目標達成度を最優先で伝える
ダッシュボードの一番目立つ上部に配置する「巨大な数字＋トレンドアイコン」のカードです。経営層や担当者が一瞬で「今順調か？」を判断するために使われます。
インタラクティブプレビュー
当月売上達成額
¥12,850,000
▲ 前年比 +18.4%
※マウスホバーやクリックでアニメーションや数値の変化を確認できます。
おすすめHTML/CSSカラーパレットサンプル
ダッシュボードの視認性を高めるためのカラーコード例です。グラフで最も伝えたい要素にイエローなどのアクセントカラーを割り当て、比較対象にはダークカラーを使用します。
主数値文字
メインカウント
#FFFFFFHEX
プラス成長
増加・順調アイコン
#4ADE80HEX
マイナス注意
減少・未達アイコン
#F87171HEX
こんな可視化に向いている（GOOD）
- 今月の売上累計（例：¥12,450,000 / 前月比 +12.5%）
- 現在のWebサイト同時接続数
- 今期の営業案件獲得数
やってはいけないNGパターン（BAD）
- 比較対象（前月比や目標値）がなく、単に数字だけがぽつんと置かれている状態
標準機能で対応しているおすすめBIツール
Looker StudioPower BIMetabaseRetool
Looker StudioからRetoolまで！BIツール比較ガイドを読む