最新版文档逐步完善中,之前版本请参考这里
D3 (或者叫D3.js)是一个基于web标准的JavaScript可视化库。D3可以借助SVG,Canvas以及HTML将你的数据生动的展现出来。D3结合了强大的可视化交互技术以及数据驱动DOM的技术结合起来,让你可以借助于现代浏览器的强大功能自由的对数据进行可视化。
- 移除d3-request; 添加d3-fetch
- 移除d3-queue; 参考Promise.all
- 添加d3-scale-chromatic
- 添加d3-contour
- 添加selection.clone
- 添加d3.create
- 移除
d3.schemeCategory20*
颜色方案 - 修复不同版本的D3模块的重复安装问题(#3256)
- Fix d3.format’s SI format for locales with currency suffixes.
D3现在包含新的基于ColorBrewer的category color schemes(类别颜色方案).ColorBrewer配色方案拥有卓越的divering(发散)和sequential(连续)颜色方案。移除d3.schemeCategory20*
是因为其设计经常被错误的用来暗示不存在的关系:颜色相近的常被误以为是一组,而亮度不同则常被误以为是排序。
5.0.0可以通过npm install d3@next
来体验
如果使用npm
,则可以通过npm install d3
来安装。此外还可以下载最新版,最新版支持AMD、CommonJS以及vanilla环境。你也可以直接从 d3js.org, CDNJS, 或者 unpkg 加载。比如:
<script src="https://d3js.org/d3.v4.js"></script>
压缩版:
<script src="https://d3js.org/d3.v4.min.js"></script>
你也可以单独使用d3中的某个模块,比如单独使用d3-selection:
<script src="https://d3js.org/d3-selection.v1.min.js"></script>
D3基于ES2015 modules开发。 可以使用Roolup, webpack或者其他你偏爱的打包工具进行构建。在一个符合ES2015的应用中导入D3或者D3的某些模块:
import {scaleLinear} from "d3-scale";
或者导入D3的全部功能并且设置命名空间 (这里是 d3
):
import * as d3 from "d3";
在Node环境中:
var d3 = require("d3");
你也可以导入多个模块然后将这些模块集合到d3
对象中,此时使用 Object.assign:
var d3 = Object.assign({}, require("d3-format"), require("d3-geo"), require("d3-geo-projection"));