产品信息
什么是 D3.js?
D3 允许您将任意数据绑定到文档对象模型 (DOM),然后将数据驱动的转换应用于文档。例如,您可以使用 D3 从数字数组生成 HTML 表格。或者,使用相同的数据创建具有平滑过渡和交互的交互式 SVG 条形图。
D3 并不是一个旨在提供所有可以想象到的功能的整体框架。相反,D3 解决了问题的症结:基于数据高效操作文档。这避免了专有表示并提供了非凡的灵活性,展示了 HTML、SVG 和 CSS 等 Web 标准的全部功能。 D3 的开销极小,速度极快,支持大型数据集以及交互和动画的动态行为。 D3 的函数式风格允许通过各种组件和插件来重用代码。
如何使用 D3.js?
D3.js是一个JavaScript库,用于将任意数据绑定到DOM,并对文档应用数据驱动的转换。它通过高效地基于数据操作文档,实现自定义动态可视化,并充分利用HTML、SVG和CSS等Web标准。
D3.js 的核心功能
甘特图
图形
数据可视化
图表
D3.js 的使用场景
- 从数字数组生成HTML表格
- 创建带有平滑过渡和交互的SVG条形图
- 基于数据创建、更新和动画化DOM
- 将抽象数据编码为位置、大小和颜色等视觉值
- 渲染弧线、区域、曲线、线条、链接、饼图、堆叠图和符号等几何图元
- 通过平移、缩放、刷选和拖动等交互行为促进数据探索
D3.js 的常见问题
D3.js做什么的?
我如何使用D3.js?
D3.js有哪些核心功能?
D3.js有哪些应用场景?





















