D3.js 小技巧

简单调研

D3（由 data-driven documents 缩写而来）

d3js 是一个非常基础的库，而不是一个图表库，如果说 echarts 这样的库是图表库，那 d3js 就是画点，线，坐标轴的库，实际上也是这样的，d3js 包含多个基础组件，这些基础组件都只能用来画非常基础的图形。

使用 d3js 的基础组件的组合，你可以画出任意的图形，

标签：写法偏底层，灵活度非常高，开发动态的，交互式的，数据驱动的图形。

怎么理解数据驱动呢？就是写好代码只会，只要输入的数据变化了，图形也会自动变化，而且图形的所有转换效果都是根据数据来的，参考 Vuejs 的数据驱动的概念

实际使用，也确实是这个体验

api 比较底层的好处是写法灵活，功能多样，坏处就是，构建简单的功能也需要写很多代码，无法快速开发，d3js 也有自己的方案，那就是 Observable Plot