html可视化布局工具_图可视化进展（一）

在节点连接图中，布局是一个举足轻重的问题。好的布局能够方便用户更好地对图进行探索，比如帮助进行路径查找、拓扑分析；反之，一个糟糕的布局则会损失很多信息。

图布局中最常用方法是应力模型，该模型根据最小化绘制后点对之间的距离与理想距离之间的差距，得到一个最优布局结果。这种仅仅添加距离约束的布局方法没有考虑分析任务中用户对布局特定的需求美学原则，使得用户不能直接基于图布局结果开展数据分析，而需要借助大量的交互才能找到感兴趣的子图结构。针对以上问题，我们提出了为图布局结果中的点对距离引入方向信息，并构造边向量的方法。我们的贡献如下：

1.重新定义了应力模型，并证明了我们的模型可以重新制定成一个统一的框架，用于约束和非约束的图可视化。

2. 我们设计了不同的约束，包含直接约束、基于度量的约束和基于形状的约束，来对感兴趣的子图结构进行有效的探索。

3. 我们开发了一个由GPU加速的r应力优化支持的交互式约束图探索工具，使用户能够使用不同约束交互式地探索达到10K节点规模的图布局。

上图给出了一个示例：利用向量具有长度和方向两个维度信息这一特点，我们设计各种各样的约束，从而满足图布局的美学原则以及用户需求。以图分析任务中的社交环探索为例，环可以表达为图布局中的圆结构，而圆可以通过相关边的方向体现出来。我们通过调整权重来融合各种约束和非约束的能量部分，得到了一种高质量的布局结果。

该成果“Revisiting Stress Majorization as a Unified Framework for Interactive Constrained Graph Visualization”发表于IEEE VIS 2017，是山东大学可视化实验室在图可视化领域的系列研究成果之一。IEEE VIS是可视化领域的顶级国际会议。论文原文：

http://www.yunhaiwang.net/infovis17/vectormds/index.html​www.yunhaiwang.net

我们实验室的主页是：

Home​vislab.wang

欢迎关注我们！