摘要: 力导向图中每一个节点都受到力的作用而运动,这种是一种非常绚丽的图表。 力导向图(Force-Directed Graph),是绘图的一种算法。在二维或三维空间里配置节点,节点之间用线连接,称为连线。 各连线的长度几乎相等,且尽可能不相交。节点和连线都被施加了力的作用,力是根据节点和连线的相对位置计算 阅读全文
posted @ 2016-04-14 17:28 胡椒粉hjf 阅读(2922) 评论(0) 推荐(0) 编辑
摘要: 1、数据 有如下数据,需要可视化: 这样的值是不能直接绘图的。例如绘制饼状图的一个部分,需要知道一段弧的起始角度和终止角度,这些值都不存在于数组 dataset 中。因此,需要用到布局,布局的作用就是:计算出适合于作图的数据。这个过程称为数据转换 2、布局(数据转换) 定义一个布局,返回值赋给变量 阅读全文
posted @ 2016-04-14 16:11 胡椒粉hjf 阅读(1651) 评论(0) 推荐(0) 编辑
摘要: 布局,可以理解成 “制作常见图形的函数”,有了它制作各种相对复杂的图表就方便多了。 一、布局是什么 布局,英文是 Layout。从字面看,可以想到有“决定什么元素绘制在哪里”的意思。布局是 D3 中一个十分重要的概念。 D3 与其它很多可视化工具不同,相对来说较底层,对初学者来说不太方便,但是一旦掌 阅读全文
posted @ 2016-04-14 15:42 胡椒粉hjf 阅读(1733) 评论(0) 推荐(0) 编辑
摘要: 与图表的交互,指在图形元素上设置一个或多个监听器,当事件发生时,做出相应的反应。 一、什么是交互 交互,指的是用户输入了某种指令,程序接受到指令之后必须做出某种响应。对可视化图表来说,交互能使图表更加生动,能表现更多内容。 例如,拖动图表中某些图形、鼠标滑到图形上出现提示框、用触屏放大或缩小图形等等 阅读全文
posted @ 2016-04-14 11:31 胡椒粉hjf 阅读(1310) 评论(0) 推荐(0) 编辑
摘要: Update、Enter、Exit 是 D3 中三个非常重要的概念,它处理的是当选择集和数据的数量关系不确定的情况。 一、什么是 Update、Enter、Exit 这段代码使用的情况是当以下情况出现的时候:有数据,而没有足够图形元素的时候,使用此方法可以添加足够的元素。 假设,在 body 中有三 阅读全文
posted @ 2016-04-14 11:14 胡椒粉hjf 阅读(1844) 评论(0) 推荐(0) 编辑