基于D3的可视化组件开发及其在研讨系统中的应用

随着社会发展,越来越多的复杂决策问题摆在人们面前,传统的人工会议已经无法适应复杂问题的解决。群体研讨支持系统能为解决此类问题提供支持。但是各类研讨系统会产生庞大的数据量,单纯的文字表达方式已经无法满足实际的需求。数据可视化技术能将抽象数据转换成直观形象的图形和图像,以便于研讨参与者更好的理解数据的含义并且挖掘数据潜在的意义。本文的主要工作有:一是分析归纳当前流行的可视化技术和一些常用的可视化开发工具,深入探讨了层次信息结构可视化中的一些常用布局算法。二是采用基于正交布局算法的节点链接法,在D3可视化工具的基础上设计开发了一个符合人们日常视觉习惯的树形组件tree V.js包,该组件用圆圈表示信息节点,用贝塞尔曲线表示节点之间的逻辑关系,用Reingold-Tilfold最美树算法自适应调节节点之间的距离,使节点布局达到最佳效果。三是将tree V.js包应用到基于Web的研讨系统中,开发了研讨信息可视化模块,实现了前端的异步请求调用功能,以及服务端对原始研讨信息数据的组装功能。最后在研讨系统中通过一个具体的研讨实例来验证tree V.js包的可视化效果,并和其他类似的可视化工具的可视化效果进行比较。实际应用验证表明,该可视化组件相比于其他的可视化工具更适合于研讨信息的可视化,具有合理的空间布局和清晰的数据层次感。