格子越深,表示该主题在这项指标上越高。
清晰70
说服45
密度92
制作成本88
作业适配60
工作适配72
低高
简短问答
什么时候选D3定制工艺?
故事符合「新颖的形式、研究数据、定制的解释者」时选用。
什么时候避开?
遇到「Chart.js 栏已经回答了经理的问题」就换形式。
谁发明或推广了它?
Mike Bostock D3 (2011) - 仍然是定制可视化的工艺支柱
它编码什么?
数据连接到具有显式比例的 SVG/Canvas 标记
广告能用吗?
在微信、抖音与展示广告里主张能一眼看见就可以;否则把图放在落地页。
老师会收吗?
实验报告与展板里有轴、单位、来源一行就可以。
D3定制工艺把值编码为数据连接到具有显式比例的 SVG/Canvas 标记。Mike Bostock D3 (2011) - 仍然是定制可视化的工艺支柱。
工作报告、广告与作业中适合「新颖的形式、研究数据、定制的解释者」。若「Chart.js 栏已经回答了经理的问题」,换一种形式。
部分
- 标记 — D3定制工艺的核心标记是数据连接到具有显式比例的 SVG/Canvas 标记。
- 尺度 — 尺度必须标出零点(或声明的断轴)和单位。
- 轴 — 轴标题写的是变量,不是情绪。
- 图例 — 图例弱于直接标注。能写在标记旁边就写在旁边。
- 标签 — 数字可有可无。若目的是比较,只标端点。
- 网格 — 网格要淡。数据应占有墨水。
- 注释 — 注释一句即可。写上来源和时段。
- 外框 — 外框要细。不要用三维盒子。
变体
- 数据驱动文档 — D3定制工艺的变体 1(数据驱动文档)。同一编码,不同布局。
- 自定义 SVG 标记 — D3定制工艺的变体 2(自定义 SVG 标记)。同一编码,不同布局。
- D3 秤 — D3定制工艺的变体 3(D3 秤)。同一编码,不同布局。
- D3定制工艺 4 — D3定制工艺的变体 4(D3定制工艺 4)。同一编码,不同布局。
标签
- 轴 — 在D3定制工艺上把标记写清楚。
- 图例 — 在D3定制工艺上把尺度写清楚。
- 标签 — 在D3定制工艺上把轴写清楚。
- 网格 — 在D3定制工艺上把图例写清楚。
- 注释 — 在D3定制工艺上把标签写清楚。
D3定制工艺:守住数据连接到具有显式比例的 SVG/Canvas 标记,「Chart.js 栏已经回答了经理的问题」时换图。