d3.js数据可视化JavaScript函数库

d3.js数据可视化JavaScript函数库

D3的全称是Data-Driven Documents。顾名思义，D3是一个数据驱动的文档。听名字有点抽象，说起来有点简单，其实是一个JavaScript函数库，用它主要是用来做数据可视化的。

为什么要进行数据可视化

现在有一组数据， 【 4 ， 32 ， 15 ， 16 ， 42 ， 25 】 ，你能一眼看出它们的大小关系吗？当然这里的数据不算多，有那眼疾手快的家伙站出来说我能一眼看出来！但更直观的是用图形显示，如下图：

通过图形的显示，能很清楚地知道他们的大小关系。当然，D3能力远不止如此，这只是一个很小的应用。把枯燥乏味复杂的数据，用简单明了的图形表示出来，这就是数据可视化。

项目地址为：https://github.com/d3/d3/wiki/Gallery

效果演示地址：https://bl.ocks.org/mbostock

效果截图演示：