D3.js

定义

D3.js（Data-Driven Documents）是 Mike Bostock 于 2011 年发布的 JavaScript 数据可视化库，核心思想是把数据绑定到 DOM 元素，用数据驱动文档的结构与样式变换。

原理

通过选择集（selection）与数据连接（data join）机制，D3 将数组元素与 SVG/HTML 节点一一对应，按 enter、update、exit 三种状态声明式地增删改图形；配套的比例尺（scale）、坐标轴、形状生成器、力导向布局与过渡动画模块构成完整工具箱。

应用

适合定制化程度极高的可视化作品，《纽约时报》等媒体的交互图表大量采用 D3；许多图表库（如早期的 C3、Plotly 部分模块）构建在其之上。

评价

优点是表达力几乎没有上限、模块化可按需引入；缺点是抽象层级低、学习曲线陡峭，常规图表需求用 ECharts 等开箱方案效率更高。