摘要: 目标 在这一章,你将会使用D3.js,基于我们的数据来把SVG元素添加到网页中。这一过程包括:把数据绑定到元素上,然后在使用这些元素来可视化我们的数据。 注意:不同于前几章,我们从一个完整的代码开始,然后去一步步理解它,从这一章开始,我们将会从零开始构建我们的数据可视化。 我们的目标是使用这个数据集:1 var circleRadii = [40,20,10]; 然后用D3.js来将这个数据集进行数据可视化。SVG的Circle元素 首先我们要知道的是SVG的Circle元素是什么?它是怎么定义的? SVG的Circle元素是一个基本的SVG图形元素。基本图形元素(Basic sh... 阅读全文
posted @ 2014-01-11 16:57 楚狂人 阅读(6688) 评论(1) 推荐(2) 编辑
摘要: 简单例子 在这个例子中,你将会使用D3.js来将数据绑定到DOM元素上。然后再使用D3.js利用绑定到DOM元素上的数据来更新网页。 在上一章中,我们以下面这个页面作为开始的:1 2 3 4 5 6 7 8 然后我们又使用JavaScript控制台把数据绑定到HTML元素上:1 var theData = [1,2,3]2 3 var p = d3.select("body").selectAll("p")4 .data(theData)5 .enter()6 .append("p")7 .te... 阅读全文
posted @ 2014-01-11 11:18 楚狂人 阅读(4001) 评论(2) 推荐(0) 编辑