Skip to content セクションへスキップ

どの可視化?

名前や仕事で検索。適合/回避の列は各ハブの短い版。

ビジュアルchooserカード

一目で選ぶ — 下の表は検索とスクリーンリーダー用。

トピック系統 使うとき避けるとき
▮ 棒グラフ チャート 少数のカテゴリを一時点で比べるとき カテゴリ過多・3D・二重軸
📈 折れ線グラフ チャート トレンド・季節性・少数系列 順序のないカテゴリや4本超の重なり
◐ 円・ドーナツ チャート 意味ある全体をなす2〜5部分 類似切片が多い・3D・2つの円の比較
⚬ 散布図 チャート 2指標の相関・外れ値・クラスタ 軸が量的でない、または時間が本筋のとき
▦ ヒートマップ チャート 2つのカテゴリ軸を同時に見るパターン 精密な数値参照や色覚に優しくない虹
📶 ウォーターフォール チャート 損益ブリッジ、予算対実績、人員増減 話がブリッジではなく多期間のトレンドのとき
▽ ファネル チャート リード・決済・応募など順序ある離脱 段階が同一母集団の入れ子でないとき
▭ ツリーマップ チャート 葉が多く階層がある部分-全体 近いサイズを精密比較するとき
📶 ヒストグラム チャート 一つの連続測定とその形 ビン幅が違う、または名前のあるカテゴリを比べるとき
⇨ フローチャート ダイアグラム 手続きの分岐・反復・引継ぎ 構造が階層や自由ブレインストームのとき
🌳 組織図 ダイアグラム 報告ライン、委員会、役割 実際の仕事がマトリクス横断のとき
✦ マインドマップ ダイアグラム ブレスト、復習ノート、初期構造 証拠を順に示して主張を証明するとき
◯ ベン図 ダイアグラム 本当に重なる2〜3集合 4集合以上、または大きさが縮尺必須のとき
— タイムライン ダイアグラム 順序ある出来事、時代、マイルストーン 日付ではなく変化する量が必要なとき
▲ 基本図形 図形 アイコン、ポスター、プリント、ブランドマーク 量を符号化するなら綺麗な三角ではなくチャート
→ 矢印とコネクタ 図形 順序、因果、クリック誘導、地図の流れ 全部に矢印があればどれも意味を持たない
💬 コールアウトとバッジ 図形 プロモ、番号付き手順、漫画説明、UIチップ バッジが見出しを繰り返すなら叫びは一つに
▣ インフォグラフィックブロック 図形 ダッシュボード、ポスター、1枚もの、展示板 タイルが比較不能な数字を隠すとき
🎨 配色システム 工芸 凡例、ブランド、アクセシブルなデータ色 虹の初期値、または1色に2量を符号化
✒️ データインク 工芸 スライド・ダッシュボード・科学図の監査 3メートル先で叫ぶポスター。広告は意図的にジャンクを残…
♿ アクセシブルな可視化 工芸 公共ダッシュボード、試験、灰色印刷、法務スライド 悪/良を赤/緑だけで示すこと
📁 業務レポート スタジオ 定例レビュー、予算ブリッジ、人員、パイプライン 特注ビジュアルが必要な一回の話、または叫ぶ広告
📣 広告クリエイティブ スタジオ 小売オファー、アプリ、イベントポスター、スクロールを止… 主張がチャート全体を要すならバナーにダッシュボードを詰…
📚 学校の課題 スタジオ 実験レポート、歴史年表、数学データ、ポスター 装飾が先ではない。ルーブリックに答えるチャートを選ぶ
🎬 ピッチデッキ スタジオ 資金調達、営業キックオフ、助成発表、コンテスト決勝 ダッシュボード全部を捨て込むな。デッキは倉庫ではなく演説
A11Y WCAG コントラスト チェック 方法 UI タイプ、スライド タイトル、ポスター… ペアを測定せずにブランドの色合いだけを判断する
PAL パレットとスケールビルダー 方法 コロプレス、ヒートマップ、マルチシリーズ… 順序付けされたマグニチュード データの虹のスケール
Aa タイポグラフィスケール 方法 デッキ、配布資料、教室のポスター、履歴書のヘッダー 共有比率を持たないスライドごとのランダムなポイント…
GRID スライドとドキュメントのグリッド 方法 PowerPoint または Google… 共有エッジのない浮動ボックスの積み重ね
CHOOSE データとチャートの決定 方法 レポート、広告主張、または割り当て図の最初の 60 秒 テンプレート…
MM 人魚のテキスト図 方法 プロセスドキュメント、オンボーディング、割り当てロジッ… フリーハンド…
SEQ シーケンス図のパターン 方法 API フロー、サポート エスカレーション、ラボ… 単純な順序のないチェックリストでも同じことが言えます
SKETCH Excalidraw スケッチ ワイヤーフレーム 方法 キックオフ、教室でのブレインストーミング、広告コンセプ… 厳密なデザインシステムと一致する必要がある最終的なブラ…
EC Apache ECharts ダッシュボード 方法 運用ダッシュボード、四半期パック、ライブ KPI… PDF 内の 1 つの静的なバーが質問に答えます。
CJ Chart.js クイック チャート 方法 内部ツール、学生の Web… マップ、サンキー、または出版グレードのベクトルのエクス…
D3 D3カスタムクラフト 方法 斬新な形式、研究数値、オーダーメイドの説明者 Chart.js…
VL Vega-Lite 文法 方法 再現可能な分析図、教育エンコード、ノートブック 会議の招待状に必要な使い捨てバーは 1 つだけです
PLOT 観察可能なプロットキット 方法 分析の記録、学生の研究室、探索的なオフィス チャート 重いエンタープライズ ダッシュボード…
ROUGH Rough.js アノテーション 方法 説明者のハイライト、広告コンセプトのフレーム、教育用コ… 正確な長さを必要とする緻密な定量的比較
SANK サンキーフローのストーリー 方法 予算配分、変換経路、物質またはエネルギーの流れ 視聴者に必要なのは開始と終了のウォーターフォールだけです
NET ネットワークグラフマップ 方法 組織の影響マップ、依存関係グラフ、教室のソーシャル… 単純な組織図や箇条書きにはすでに主張が含まれています
MAP コロプレスのストーリー マップ 方法 地域比較、公民の割り当て、地域の KPI 人口または面積ごとに正規化しない生の数
ICO オープンアイコンシステム 方法 スライド、製品 UI、ポスター、学校のワークシート 1 つのスライドに 5 つのアイコン…
CV インフォグラフィックレシピを再開する 方法 学生、フリーランサー、転職者 ATS のみのプレーン…
QBR 四半期報告書のビジュアル 方法 マネージャー、創設者、学生クラブ会計担当者 漏れを恐れてすべての KPI を 1…

どちらも合うなら、符号化が単純な方を選ぶ。