D3

用数据绑定的底层原语,画任何你想要的图。

简介

数据驱动文档的底层可视化工具集,提供比例尺、形状生成、数据变换和 DOM/SVG 操作,适合需要高度定制表达的可视化项目。

安装

npm install d3

命令用于快速开始,具体版本与配置请以官方文档为准。

适用场景

  • 制作高度定制的编辑型图表
  • 用比例尺和路径生成自定义视觉
  • 做数据驱动的过渡与交互编排

特点

  • 原语组合自由,不被固定图表类型限制
  • 比例尺、形状与数据变换能力完整
  • 适合作为其他图表库的底层基础

专属示例

真实运行

数据连接与比例尺

D3 用 enter/update/exit 三段式真正连接数据,配合线性与分段比例尺和坐标轴,切换数据可看到增删更新计数。

打开示例