1673-159X

CN 51-1686/N

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

Design and Implementation of Hierarchical Edge Bundles Based on D3

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

     

    Abstract: In this paper, the sector ring and spline visualization layout characteristic of hierarchical edge bundles are analyzed in detail, and design details of using spline curves to render bundles to reduce the visual complexity are expounded. On the basis of comparative analysis of the characteristics of D3 visualization library based on SVG, the paper mainly analyzes the process to render spline curves by using Bezier curve segments, and implements hierarchical edge bundles with highlight, rotation and more interactions using D3. The results of visualization experiments using code duplication detection data prove the technical feasibility of eierarchical edge bundles based on D3, and show the feasibility of hierarchical edge bundles in software visualization analysis.

     

/

返回文章
返回