arlendp2012

Shape模块提供各种形状的生成器，这些形状的产生是数据驱动的，通过控制输入数据来形成一种视觉的表现。 饼图生成器不直接产生图形，而是计算出需要的角度信息，然后传入d3.arc中进行绘制。 可以产生样条曲线或者多段线。 默认的设置是构造多条直线段。 构造放射线，与上述d3.li…

在web开发中我们会花大量的时间用于dom的操作上，一般情况下我们会选择第三方库如jQuery来替代原生的方法，因为原生的方法在操作上会使代码大量重复冗余而不易操作。d3同样提供了一套自己的方法来很方便的对dom进行操作，像修改样式、注册事件等等都可以通过它来完成。 d3的se…

文件的加载对于很多应用都格外重要，对d3来说也是如此。对于绘制结构简单、数据量不大的图形，尚且可以将数据和js代码存放在一起，但是对于数据结构复杂、数据量庞大的情况，数据集应该被单独存放于独立的文件中，因此这里就涉及到了文件的读取问题。该模块用于对原生的XMLHttpReque…

四叉树算法用于将二维空间划分成更多的矩形部分，将每个矩形划分成四个大小相等的区域，常用于碰撞检测算法，d3中的forceCollide、forceManyBody等都用到了该数据结构。 在quadtree的一些方法中使用到了quad对象用于存储quadtree中的node信息，…

d3的path部分是对原生绘制方法的一种封装形式。由于d3.js内部是以svg作为默认的绘图方式，因此内部的计算方式都是将数据转换成svg中path元素的d属性值。通过统一的接口让其和canvas绘图的api保持一致。 d3的path部分是为了模拟canvas的绘图方式，但是采…

d3的hierarchy模块用于层级图的计算，会将输入的数据计算并转换成指定的层级格式提供给开发者使用。为了表示这种数据间的层级关系，该模块在内部使用了四叉树这种数据结构。 用于计算层级数据，在层级图中使用。 node用于表示hierarchy中的节点对象。 将数据转化为层级形…

Force模块用于模拟在粒子上的物理作用力，常用于网络图和层级图。 根据指定的nodes值创建一个新的simulation，此时还没有设置force函数。 上述方法对nodes进行处理，计算其x和y值以及初始化vx、vy值，其中很重要的一部分是force函数，该函数用来模拟物理…

d3的dispatch模块是对原生事件处理的封装，通过该模块可以注册自定义的事件并绑定回调函数。 该模块用于注册自定义名称的回调函数，并且可以调用这些函数。 将传入的事件类型存入dispatch对象中。 用于将事件和回调函数进行绑定。

d3的chord部分用于将关系或网络流绘制成一种圆形布局。 这部分内容分为两个方面，一方面是构造一个弦布局，另一方面是构造一个产生带状图形的生成器。 chord函数最终会得到一个包含多组source和target对象的数组以及groups数组，通过将该结果传递给d3.arc来绘…