从这里开始 我们就将开始画一个简单的图表了 在此之前 ，最好掌握以下svg的基本知识。 一个间的的例子如下： ...

力导向图的概念这里就不细说了，力导向图适合绘制关系型的信息； 下面先来说几个关于力导向图的知识点： 1、d3.forceSimulation([nodes]) 　　创建一个新的力导向图； 2、simulation.force(name[, force]) 　　如果指定了 force ...

在为图标增加动画之前，应该了解几个新的 api 如下 d3.transition() 开启一个动画过渡。 transition.duration() 指定每个元素的持续时间（以毫秒为单位）。 transition.delay() 指定每个元素的延迟时间（以毫秒为单位 ...

1、利用D3.js 在网页上显示一些文字内容； 　　代码 　　 　　运行效果： 假如你第一次接触D3 相信你看到这些选择器也会有种似曾相识的感觉，如果不明吧没关系，咱们后边会介绍。 ...

1、选择元素 第一章有说过 d3.select() 和 d3.selectAll() ; 这两个方法的选择器与jQuery的元素、属性、css选择器使用方法基本一样，下面我们就说下他们的区别； 　　 d3.selectAll() ；选择的是所有匹配到的元素 ...

直接接着上一章的图表，继续加上一个x坐标轴 ...

首先我们需要的是 中国地图的json数据：请戳这里 接下来咱们直接上代码： 代码： 效果： ...

首先我们还是说下 这章要用到的知识点，我在这里只是简单的罗列一下，如需详细了解，请戳这里查看中文官方文档 d3.hierarchy - 从给定的层次结构数据构造一个根节点并为各个节点指定深度等属性. node.sum - 评估和汇总定量值. d3.tree - 创建一个新的整齐(同深度节点 ...