标签归档：d3js

Force-directed（力导向）图形绘制算法通过图形本身的结构（图中顶点与边的拓扑关系）计算出图形的层次，而不依赖于特定领域的知识。使用力导向算法绘制的平面图形通常比较美观，并且图中各条边之间的交叉尽可能的少。

本文对使用D3js绘制Foorce-Directed Graph（力导向图）的过程进行简要的介绍，以下面的逻辑图（包含6个节点和5条边）为例。

import json
#nodes为图的节点集合
nodes = [{'name' : 'nodeA'}, 
         {'name' : 'nodeB'}, 
         {'name' : 'nodeC'}, 
         {'name' : 'nodeD'}, 
         {'name' : 'nodeE'}, 
         {'name' : 'nodeF'}]
#links为图的边集合，source为起点，target为终点
links = [{'source' : 0 , 'target' : 1}, 
         {'source ...

D3.js是一个基于数据的文档操控JavaScript库。使用HTML，SVG和CSS，D3能够帮你让数据活起来。D3所强调的Web标准帮助开发者在无需捆绑任何专有框架的前提下，结合强大的可视化组件及其数据驱动的DOM操纵方法，充分利用现代浏览器的全部功能。

点此下载最新版本（3.4.1）：d3.v3.zip

或者，复制这段代码直接链接最新版本：

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

使用HTTPS的站点可能需要自行保留D3的源文件，或者使用一个支持HTTPS的CDN，比如CDNJS。全部源文件和测试用例也可以在GitHub中下载得到。

简介：

D3允许开发者将任意数据绑定在文档对象模型（DOM ...