初识D3.js一

发表于

下载D3并引用

下载

1
npm install d3

引用某个模块

1
import {scaleLinear} from "d3-scale";

引用全部

1
import * as d3 from "d3";

D3能做到什么

D3允许将任意数据绑定到文档DOM，然后将数据驱动转换应用到文档。 例如，您可以使用D3从数字数组中生成HTML表格。 或者，使用相同的数据创建具有平滑过渡和交互的交互式SVG条形图。

兼容性

D3支持“现代”浏览器，也就是除IE8及以下的浏览器。

方法

Selections

selectAll

select

动态属性

1
2
3
d3.selectAll("p").style("color", function() {
	return "hsl(" + Math.random() * 360 + ",100%,50%)";
});