01結論通知最初に判断を1行で置く
結論
ここに一番伝えたい判断を1文で書く
その根拠や条件を1〜2文で添える。色付きの縦バーは使わない。
02ステータスチップ状態・区分・判定のラベル
強調良好注意危険情報通常
03KPI / サマリ数値主要な数値を3〜4枚で
指標A
1,234
▲ 12%
指標B
56.7%
▼ 3pt
指標C
¥8.9M
— 横ばい
04データ表一覧・比較・成績の整列
| 項目 | 状態 | 値A | 値B |
|---|---|---|---|
| 行1 | 良好 | 1,234 | 88% |
| 行2 | 強調 | 2,880 | 92% |
| 行3 | 注意 | 560 | 71% |
05グラフ棒・折れ線（手書きSVG／画像不要）
推移（棒グラフ）
月別 / 単位
前期後期
トレンド（折れ線）
月別 / %
スコア
06詳細カード（開閉）本文＋たたんだ詳細（JS開閉）
ラベル区分
カードの本文。ここに見出し的な一文や要約を置く。
項目1
値の例
項目2
値の例
項目3
値の例
項目4
値の例
項目5
値の例
項目6
値の例
07比較カラムA/B・参照/生成の横並び
A — 左
片方の内容をここに。
B — 右
もう片方の内容をここに。
08チェックリストOK/要確認/NG の確認項目
- OK問題なかった項目をここに書く
- 要確認確認が要る項目をここに書く
- NG直すべき項目をここに書く
09アクションバー判定・次アクション（JS単一選択）
10階層図親→子→孫などの階層を見せる
レイヤー1上位
このレイヤーが決めること
要素A要素B
↓
レイヤー2中位
このレイヤーが決めること
要素C要素D
↓
レイヤー3下位
このレイヤーが決めること
要素E
11軸図独立した複数の選択軸を見せる
軸1説明
選択肢A⟷選択肢B
軸2説明
選択肢A⟷選択肢B
12比較カード（固定/変える）検証設計・1要素だけ動かす
ケース1
変える動かす要素
固定揃える要素
ケース2
変える動かす要素
固定揃える要素
13旧→新図移行・進化（1つ→複数 等）
旧
単純な状態
→
新
要素1
field1要素2
field2要素3
field314レーン（立ち位置）複数区分のどこに該当するか
区分1
説明
区分2（現在）
いまここ
区分3
説明
15ON/OFFグリッド設定の一覧・チェック対象を並べる
項目1 OFF
この設定が何を変えるか
項目2 ON
この設定が何を変えるか
項目3 OFF
この設定が何を変えるか
16大数字ハイライト一番効かせたい数字を主役に
−50%
主指標の改善
+81%
処理量
91%
満足度
17円 / ドーナツ構成比・割合（SVG）
割合の見せ方
該当 67%その他 33%
ゲージ型
達成率や進捗を1値で
18進捗バー達成率・割合を横バーで
項目A72%
項目B45%
項目C93%
19横棒ランキングTop-Nを大きさ順で
12,880
22,240
31,580
4980
20構成比バー100%を内訳で分割
46%
30%
24%
区分A区分B区分C
21手順ステッププロセスを番号付きで横に
1
受付
入力を集約
2
処理
自動で変換
3
確認
人が見る
4
完了
送出
22縦タイムライン時系列・経過を縦に
2026-04
導入
試験運用を開始
2026-05
改善
指標が上向き
2026-06
展開判断
全社展開へ
23ツリー / 分岐分類・親子関係を見せる
親カテゴリ
子A
子B
子C
24ファネル段階ごとの絞り込み・歩留まり
表示 10,000
クリック 3,200
遷移 1,400
CV 280
252×2 マトリクス4象限で位置づけ
高 × 高（最優先）
要素1低 × 高
要素2高 × 低
要素3低 × 低
要素4← 軸X 低軸X 高 →
26引用 / 生声声・コメント・抜粋を強調
「ここに当事者の声や、強調したい一文を置く。明朝で大きめに見せると効く。」
— 属性 / 出典
27定義リスト用語＝説明 を整然と
- 用語A
- その意味や定義をここに。
- 用語B
- その意味や定義をここに。
- 用語C
- その意味や定義をここに。
28アコーディオンFAQ・詳細を畳む（JS）
質問・見出し1 ＋
答え・詳細1。クリックで開閉。
質問・見出し2 ＋
答え・詳細2。
質問・見出し3 ＋
答え・詳細3。
29タブ切替同じ枠で内容を切り替え（JS）
タブAの内容。
タブBの内容。
タブCの内容。
30機能比較表（◯×△）複数案を観点で○×比較
| 観点 | 案A | 案B | 案C |
|---|---|---|---|
| 観点1 | ◯ | △ | × |
| 観点2 | ◯ | ◯ | △ |
| 観点3 | △ | ◯ | ◯ |
31採点 / 評価★や点数で評価を見せる
★★★★★
8.2 / 10
良好
32メディア枠画像/動画のプレースホルダ（縦横）