D3 | 易学教程

d3.js学习笔记（未完待续）

阅读更多关于 d3.js学习笔记（未完待续）

d3.js和jQuery一样，是链式语法。 d3.js常用方法： 1. d3.select()：使用CSS选择器语法从DOM中选择单一元素。如：d3.select("body"); 2. d3.selectAll()：选择所有符合要求的元素。如：d3.select("body").selectAll("p");//选中body中所有的p元素 3. selection.append()：创建元素，并追加到选集（selection）的尾部。如：d3.select("body").append("p");//创建p元素，并追加到body的子元素中最后一个 4. selection.text()：设置文字内容。如：d3.select("body").append("p").text("New");//为p元素添加文字内容 5. selection.data()：把数据绑定到DOM元素上，数值会存储在DOM元素的__data__属性中如：d3.select("body").selectAll("p").data(dataset); 6. selection.enter()：创建新的绑定数据的元素时需要使用该方法，它首先检查DOM，然后将数据传递给DOM，如果数值数量多于对应的DOM元素，则该方法会创建新的占位元素，并将其链接向下传递如：d3.select("body")

学习笔记（一）——数据可视化D3.js

阅读更多关于学习笔记（一）——数据可视化D3.js

一、简介和安装简介 D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。 D3.js 是一个基于数据处理文档的JavaScript库。 D3 帮助我们使用HTML，SVG和CSS将数据带入生活。 D3 强调网络标准，可以让您充分利用现代浏览器的功能，而无需将自己绑定到专有框架，将强大的可视化组件和数据驱动的方法结合到DOM操作中。安装使用 1：下载d3.js文件： http://github.com/mbostock/d3/releases/download/v3.4.8/d3.zip 将其文件解压之后，放置你对应js文件夹中即可； 2：直接引用js文件： <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 二、学习D3.js DOM上的数据绑定先看个简单的例子： <!DOCTYPE html> <html> <head> <script type="text/javascript" src="d3.v3.min.js"></script> </head> <body> <script> var data = [1,2,3]; var p = d3.select("body").selectAll("p") .data(data)

订阅 D3