濃いマスほど、このテーマでその指標が高いことを示します。
明瞭88
説得62
密度45
制作コスト40
課題適合85
仕事適合90
低高
短い答え
パレットとスケールビルダーはいつ選ぶ？
次の条件に合う。コロプレス、ヒートマップ、マルチシリーズ チャート、ブランドセーフ デッキ
いつ避ける？
次の場合は別の形にする。順序付けされたマグニチュード データの虹のスケール
誰が作り、広めた？
Cynthia Brewer ColorBrewer (2002) 地図作成用。以降の UI テーマ ツール
何を符号化する？
データクラスにマッピングされた順序付きまたは順序なしの色相セット
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
パレットとスケールビルダーはデータクラスにマッピングされた順序付きまたは順序なしの色相セットとして値を載せます。Cynthia Brewer ColorBrewer (2002) 地図作成用。以降の UI テーマ ツール。
業務報告・広告・課題では「コロプレス、ヒートマップ、マルチシリーズ チャート、ブランドセーフ デッキ」に向く。「順序付けされたマグニチュード データの虹のスケール」のときは別の形を選ぶ。
ソフト
- chroma.js — JavaScript で色の操作と拡大縮小を行います。 · Apache-2.0 · github.com/gka/chroma.js
- ColorBrewer — 逐次データと分岐データ用の、実戦テスト済みのマップ パレット。 · Apache-2.0 · github.com/axismaps/colorbrewer
- d3-scale-chromatic — D3 エコシステム全体で使用される配色。 · ISC · github.com/d3/d3-scale-chromatic
- Open ColorBrewer — 分析スタック用に Brewer スキームのポートを開きます。 · Apache-2.0 · github.com/sctyner/OpenColorBrewer
- Atlas palettes pillar — Viz パレットの柱でスウォッチを教える - ブランド ブックではありません。 · CC0 examples · github.com/Tool-Lifes/viz-atlas
書き出し
- 書き出し 1 — SVG
- 書き出し 2 — PDF
- 書き出し 3 — スライドへ EMF/SVG（スクリーンショット禁止）
- 書き出し 4 — ウェブはSVG、印刷はPDF
アクセシビリティ
- アクセシビリティ 1 — 色だけに意味を持たせない。パターン・ラベル・位置を重ねる。
- アクセシビリティ 2 — 本文は 4.5:1、大きなマークは 3:1。
- アクセシビリティ 3 — チャートに短い代替テキスト。数値はHTML表でも。
- アクセシビリティ 4 — 動きは強調のときだけ。prefers-reduced-motion を尊重。
パレットとスケールビルダー: データクラスにマッピングされた順序付きまたは順序なしの色相セットを守り、「順序付けされたマグニチュード データの虹のスケール」のときは別の図を選ぶ。