濃いマスほど、このテーマでその指標が高いことを示します。
明瞭92
説得48
密度70
制作コスト50
課題適合72
仕事適合90
低高
短い答え
データインクはいつ選ぶ？
次の条件に合う。スライド・ダッシュボード・科学図の監査
いつ避ける？
次の場合は別の形にする。3メートル先で叫ぶポスター。広告は意図的にジャンクを残しうる
誰が作り、広めた？
エドワード・タフト、1983年 The Visual Display of Quantitative Information
何を符号化する？
装飾ではなくデータを表すインクの割合
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
データインクは装飾ではなくデータを表すインクの割合として値を載せます。エドワード・タフト、1983年 The Visual Display of Quantitative Information。
業務報告・広告・課題では「スライド・ダッシュボード・科学図の監査」に向く。「3メートル先で叫ぶポスター。広告は意図的にジャンクを残しうる」のときは別の形を選ぶ。
ソフト
- ソフト 1 — ExcelまたはGoogleスプレッドシート
- ソフト 2 — PowerPoint
- ソフト 3 — Figma / Illustrator — 広告・ポスターの図形
- ソフト 4 — Python matplotlib または R ggplot — 課題・研究図
- ソフト 5 — この図鑑のサーバー描画SVG — ライブラリなしの例
書き出し
- 書き出し 1 — SVG
- 書き出し 2 — PDF
- 書き出し 3 — スライドへ EMF/SVG（スクリーンショット禁止）
- 書き出し 4 — ウェブはSVG、印刷はPDF
アクセシビリティ
- アクセシビリティ 1 — 色だけに意味を持たせない。パターン・ラベル・位置を重ねる。
- アクセシビリティ 2 — 本文は 4.5:1、大きなマークは 3:1。
- アクセシビリティ 3 — チャートに短い代替テキスト。数値はHTML表でも。
- アクセシビリティ 4 — 動きは強調のときだけ。prefers-reduced-motion を尊重。
データインク: 装飾ではなくデータを表すインクの割合を守り、「3メートル先で叫ぶポスター。広告は意図的にジャンクを残しうる」のときは別の図を選ぶ。