濃いマスほど、このテーマでその指標が高いことを示します。
明瞭74
説得58
密度82
制作コスト65
課題適合88
仕事適合80
低高
短い答え
コロプレスのストーリー マップはいつ選ぶ？
次の条件に合う。地域比較、公民の割り当て、地域の KPI
いつ避ける？
次の場合は別の形にする。人口または面積ごとに正規化しない生の数
誰が作り、広めた？
シャルル・デュパン男爵 (1826)。最新の TopoJSON + D3 地理パイプライン
何を符号化する？
行政区域の色を数量比率にマッピング
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
コロプレスのストーリー マップは行政区域の色を数量比率にマッピングとして値を載せます。シャルル・デュパン男爵 (1826)。最新の TopoJSON + D3 地理パイプライン。
業務報告・広告・課題では「地域比較、公民の割り当て、地域の KPI」に向く。「人口または面積ごとに正規化しない生の数」のときは別の形を選ぶ。
ソフト
- TopoJSON — 境界ファイルのコンパクトなトポロジ - BSD-3-Clause。 · BSD-3-Clause · github.com/topojson/topojson
- d3-geo — マップの投影とパス ジェネレーター。 · ISC · github.com/d3/d3-geo
- Leaflet — パン/ズームが必要な場合は、軽量のインタラクティブ マップを使用します。 · BSD-2-Clause · github.com/Leaflet/Leaflet
- d3-scale-chromatic — レインボーマップを上回る、シーケンシャルで発散的なフィル。 · ISC · github.com/d3/d3-scale-chromatic
- ColorBrewer — コロプレス用に設計された地図作成パレット。 · Apache-2.0 · github.com/axismaps/colorbrewer
書き出し
- 書き出し 1 — SVG
- 書き出し 2 — PDF
- 書き出し 3 — スライドへ EMF/SVG（スクリーンショット禁止）
- 書き出し 4 — ウェブはSVG、印刷はPDF
アクセシビリティ
- アクセシビリティ 1 — 色だけに意味を持たせない。パターン・ラベル・位置を重ねる。
- アクセシビリティ 2 — 本文は 4.5:1、大きなマークは 3:1。
- アクセシビリティ 3 — チャートに短い代替テキスト。数値はHTML表でも。
- アクセシビリティ 4 — 動きは強調のときだけ。prefers-reduced-motion を尊重。
コロプレスのストーリー マップ: 行政区域の色を数量比率にマッピングを守り、「人口または面積ごとに正規化しない生の数」のときは別の図を選ぶ。