基于D3的层次边聚合图设计与实现

• 作者: 刘旭
• 来源期刊: 西华大学学报(自然科学版)
• 学科: 工学
• 关键词: 可视化 层次边聚合图 D3 JavaScript SVG
• 年，卷（期）: 2017,（4）
• 所属期刊栏目: 计算机软件理论、技术与应用
• 页码范围: 27-33,50
• 页数: 8页
• 分类号: TP391|TP311.1
• 字数: 5327字
• 语种: 中文
• DOI: 10.3969/j.issn.1673-159X.2017.04.005

摘要

首先分析层次边聚合图(hierarchical edge bundles)使用扇环和样条曲线进行可视化布局的特点,阐述使用样条曲线聚合连接线以减少视觉复杂度的设计细节;接着在分析基于SVG的D3(data-driven do cuments)可视化库特点的基础上,重点描述使用贝塞尔曲线分段绘制样条曲线的过程,并通过D3实现具有高亮、旋转等交互性的层次边聚合图.在案例分析中,应用基于D3的层次边聚合图对jEdit和Linux的代码重复检测结果进行可视化分析.其分析结果表明:基于D3实现层次边聚合图具有可行性;将层次边聚合图技术应用到软件可视化分析中具有可行性.