D3定制工艺把值编码为数据连接到具有显式比例的 SVG/Canvas 标记。Mike Bostock D3 (2011) - 仍然是定制可视化的工艺支柱。
工作报告、广告与作业中适合「新颖的形式、研究数据、定制的解释者」。若「Chart.js 栏已经回答了经理的问题」，换一种形式。
本页把D3定制工艺的解剖、适用、手艺、失败以及工作、广告、作业配方放在一处。
形式D3定制工艺
起源2011
编码数据连接到具有显式比例的 SVG/Canvas 标记
适用新颖的形式、研究数据、定制的解释者
避免Chart.js 栏已经回答了经理的问题
工作室方法
画像
清晰70
说服45
密度92
制作成本88
作业适配60
工作适配72
七章
理念
当模板中不存在编码时，请使用 D3 - 完全控制，工艺成本较高。 历史. 新颖的形式、研究数据、定制的解释者.
阅读 →
解剖
当模板中不存在编码时，请使用 D3 - 完全控制，工艺成本较高。 标记. 新颖的形式、研究数据、定制的解释者.
阅读 →
何时用
当模板中不存在编码时，请使用 D3 - 完全控制，工艺成本较高。 适用. 新颖的形式、研究数据、定制的解释者.
阅读 →
手艺
当模板中不存在编码时，请使用 D3 - 完全控制，工艺成本较高。 规则. 新颖的形式、研究数据、定制的解释者.
阅读 →
错误
当模板中不存在编码时，请使用 D3 - 完全控制，工艺成本较高。 失败模式. 新颖的形式、研究数据、定制的解释者.
阅读 →
工作室
当模板中不存在编码时，请使用 D3 - 完全控制，工艺成本较高。 工作. 新颖的形式、研究数据、定制的解释者.
阅读 →
工具
当模板中不存在编码时，请使用 D3 - 完全控制，工艺成本较高。 软件. 新颖的形式、研究数据、定制的解释者.
阅读 →
常见问题
什么时候选D3定制工艺？
故事符合「新颖的形式、研究数据、定制的解释者」时选用。
什么时候避开？
遇到「Chart.js 栏已经回答了经理的问题」就换形式。
谁发明或推广了它？
Mike Bostock D3 (2011) - 仍然是定制可视化的工艺支柱
它编码什么？
数据连接到具有显式比例的 SVG/Canvas 标记
广告能用吗？
在微信、抖音与展示广告里主张能一眼看见就可以；否则把图放在落地页。
老师会收吗？
实验报告与展板里有轴、单位、来源一行就可以。
用什么工具？
Excel 或 Google 表格或PowerPoint；导出 SVG/PDF。
无障碍怎么做？
不要只靠颜色。直接标注，并检查灰度。