D3.js的简介和安装
发布于 2016-10-31 02:48:55 | 120 次阅读 | 评论: 0 | 来源: 网友投递
D3.js 可视化库
D3 是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格，或是利用它的流体过度和交互，用相似的数据创建惊人的SVG条形图。
D3的全称是（Data-Driven Documents），顾名思义可以知道是一个关于数据驱动的文档的javascript类库。如果你不知道什么是javascript，请先学习javascript的相关知识。
说得简单一点，D3.js主要是用于操作数据的，它通过使用HTML、SVG、CSS来给你的数据注入生命，即转换为各种简单易懂的绚丽的图形。
先看一个简单的例子。
现在有一组数据， 【 4 ， 32 ， 15 ， 16 ， 42 ， 25 】 ，现在我希望让人一眼就看出他们的大小关系，怎么办？当然这里的数据不算多，有那眼疾手快的家伙站出来说我能一眼看出来！但更直观的是用图形显示，如下图：
通过图形的显示，能很清楚地知道他们的大小关系。当然，D3能力远不止如此，这只是一个很小的应用。通过D3的使用，你能把枯燥乏味复杂的数据，用很简单明了的形式显示出来，这也叫数据可视化。
学习D3.js最好的地方是： http://d3js.org/ ，当然里面都是英文的。
下面说一下怎么使用安装使用D3.js，方法有两种：
1.下载D3.js的文件
解压后，在html，jsp之类的文件中包含相关的js文件即可
2.还可以直接包含网络的链接，这种方法较简单
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
但使用的时候要保持网络连接有效，不能再断网的情况下使用。
好了，可以开始你的D3之旅了。