D3初始

认识D3

是一个被数据驱动的文档，主要是用来做数据可视化的。D3 是一个 JavaScript 函数库。
在 HTML5 中引用即可。有两种方法：

（1）下载 D3.js 的文件: d3.zip
解压后，在 HTML5 文件中包含相关的 js 文件即可。

（2）还可以通过网络链接，在HTML头部引入：

           <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

开发工具

记事本软件：Notepad++、Editplus、Sublime Text 等。

浏览器： Firefox、Chrome等，推荐用 Chrome

服务器软件：Apache、Tomcat 等

选择元素

在 D3 中，用于选择元素的函数有两个：

• d3.select()：是选择所有指定元素的第一个
• d3.selectAll()：是选择指定元素的全部

绑定数据

D3 中是通过以下两个函数来绑定数据的：

datum()：绑定一个数据到选择集上

	var str = "China";
	var body = d3.select("body");
	var p = body.selectAll("p");
	
	p.datum(str);
	
	p.text(function(d, i){
	    return "第 "+ i + " 个元素绑定的数据是 " + d;
	});

data()：绑定一个数组到选择集上，数组的各项值分别与选择集的各元素绑定.

	var dataset = ["I like dogs","I like cats","I like snakes"];
	var body = d3.select("body");
	var p = body.selectAll("p");
	p.data(dataset)
	p .text(function(d, i){
	 return d;
	 });

相对而言，data() 比较常用。