格子越深,表示该主题在这项指标上越高。
清晰74
说服58
密度82
制作成本65
作业适配88
工作适配80
低高
简短问答
什么时候选等值线故事地图?
故事符合「区域比较、公民任务、地区 KPI」时选用。
什么时候避开?
遇到「未按人口或面积标准化的原始计数」就换形式。
谁发明或推广了它?
查尔斯·杜宾男爵 (1826);现代 TopoJSON + D3 地理管道
它编码什么?
映射到定量比率的行政区域的颜色
广告能用吗?
在微信、抖音与展示广告里主张能一眼看见就可以;否则把图放在落地页。
老师会收吗?
实验报告与展板里有轴、单位、来源一行就可以。
等值线故事地图把值编码为映射到定量比率的行政区域的颜色。查尔斯·杜宾男爵 (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。
等值线故事地图:守住映射到定量比率的行政区域的颜色,「未按人口或面积标准化的原始计数」时换图。