数据分析
d3
用于定制化数据可视化的 JavaScript 开源库
价格模式开源
中文支持以英文为主
适用平台Web
资源介绍
D3 是免费开源的 JavaScript 数据可视化库，以 Web 标准为基础提供选择、数据绑定、比例尺、坐标轴、布局、地理投影、动画和交互等低层能力。它不把图表固定成几个组件，而是让开发者按数据和叙事目标组合图形。
真实使用时，先画出用户需要比较的关系，再决定用 SVG、Canvas 还是 HTML；通过数据绑定和更新函数处理筛选、刷选、缩放与动画。对新闻图表、探索式分析和品牌化视觉，D3 的自由度很高。
D3 采用开源许可，可免费使用，但学习和维护成本高于开箱即用的图表库。官方也建议不需要低层控制时考虑 Observable Plot；上线前要单独验证性能、键盘操作、移动端和数据更新策略。团队还应把图表语义和测试数据固定下来。
适合什么人
前端工程师、数据记者、可视化设计师和需要完全控制图形表达的团队
真实使用场景
用 SVG、Canvas 或 HTML 从数据构建定制图形
制作带缩放、刷选、拖拽和动画的交互可视化
实现地图、关系图、时间序列和非标准图表
价格说明
D3 是免费开源 JavaScript 库，可通过 npm 等方式使用；开发、托管、数据处理和设计维护成本由项目自行承担。
核心特点
数据绑定和 DOM 更新
比例尺、坐标轴和布局算法
地图、关系图和自定义图形
缩放、刷选、拖拽和动画
支持 SVG、Canvas 与 HTML
限制与注意事项
D3 是低层级工具，不提供统一的图表组件和默认视觉风格
入门需要理解 DOM、数据绑定、比例尺和坐标系统
复杂可视化的无障碍、性能、响应式和维护成本需要自行承担
常见问题
D3 和普通图表库有什么区别？
D3 更低层、更自由，适合需要定制视觉与交互的项目。
D3 免费吗？
D3 是免费开源 JavaScript 库。
D3 适合初学者吗？
有 Web、JavaScript 和可视化基础后更容易上手；简单图表可先用更高层的库。
相关链接
编辑：WhosBug团队 · 更新于
