G6：Web图形可视化库的设计与高效应用
1.03MB |
更新于2025-01-16
| 126 浏览量 | 举报
收藏
立即下载 "《Web的图形可视化：G6库的设计与实现》是一篇由王艳艳、白占宁等来自蚂蚁集团、中国阿里巴巴集团和浙江大学CADCG国家重点实验室的研究人员共同撰写的论文，发表于视觉信息学5(2021)年第49期。该研究针对图形可视化领域面临的开发挑战，尤其是在创建复杂图形应用程序时所需的专业知识和大量编码工作，提出了G6库的设计和实现。
G6是一个基于Web的图形可视化库，旨在解决开发者在图可视化方面的痛点。它将模板驱动的高可用性配置与高度可定制的灵活性相结合，使得非专业用户也能轻松创建高质量的节点链接图，支持有效的构建和探索。通过引入状态管理和交互模式，G6提高了开发效率，减轻了开发者在图形设计和交互设计上的负担。
自2017年首次发布以来，G6经历了317次版本迭代，证明了其在实际应用中的强大功能。截至撰写本文时，它已经被广泛应用于数千个Web应用程序，并在GitHub上收获了8312颗星，显示出其在业界的高度认可。作者们通过详细的画廊展示、定量性能评估以及与专家的访谈，展示了G6的强大能力和适用性。
G6库遵循Creative Commons BY-NC-ND许可，是一种开放获取的文章，使得更多人可以访问和使用其技术。文章背景提到，随着图数据在社会网络分析、金融交易等领域的广泛应用，对图形可视化的工具需求日益增长，而G6正是在这个背景下诞生，致力于简化图形可视化的工作流程，降低技术门槛。
G6库是现代Web开发中一个重要的图形可视化解决方案，它的出现显著降低了开发人员在图形可视化领域的技术负担，推动了相关领域的技术创新和应用普及。"
视觉信息学
5
（
2021
）
49
G6：一个基于Web的图形可视化
王艳艳
a
，白占宁
a
，林志峰
a
，董晓青
b
，冯颖超杰
c
，
潘嘉成，陈
伟，
陈
a
蚂蚁集团，中国
b
中国阿里巴巴集团
c
浙江大学
CAD CG
国家重点实验室，浙江省杭州市
a
r t
i c
l
e i n
f
o
文章历史记录：
2021年10月24日收到
2021年12月7日收到修订版2021年12月7日接
受
2021年12月11日在线提供
保留字：
Graph
基于Web的可视化
a b s
t r
a c
t
由于其高要求，创作图可视化给开发人员带来了巨大的挑战 领域知识和开发技能。虽然现有的库和
工具减少了 生成图形可视化的难度，还有很多挑战。我们密切合作 与开发人员一起制定了几个设计
目标，然后设计并实现了
G6
，一个基于
Web
的图形可视化库。它结合了基于模板的高可用性配置和灵活
的高表现力定制。为了提高开发效率，
G6
提出了一系列优化，包括状态管理和交互模式。我们通过一个
广泛的 画廊， 定量性能评估和专家访谈来展示其能力。
G6
于
2017
年首次 发布， 目前已迭代了
317
个版
本。它已经成为数千个应用程序的基于
Web
的库，并在
GitHub
上获得了
8312
颗星
版权所有©2021作者。由爱思唯尔公司出版我代表浙江大学和浙江大学
出版社有限公司这是一个在CC BY-NC-ND许可证下的开放获取文章
（http://creativecommons.org/licenses/by-nc-
nd/4.0/）。
1.
介绍
作为关系数据的典型表示，图数据已经在广泛的应用场景中显
示出其重要性，例如社会网络分析中的社区结构（Pinaudet al. ，
2020
年）和金融交易（谢等。，
2019
）。在图形可视化的几种类
型中（Cui和Qu，2007），节点链接图是最流行的一种，因为它
具有很强的表现力。已经提出了一系列用于节点链接diagram的可视
化系 统 ， 以 促 进有 效 的 构 造 （ Ro mat et al. ， 2019） 和 勘 探
（Srinivasan和Stasko，2017; Saktheeswaran et al. ，2020; Chen
等人，2018年）。
尽管库和工具包的数量越来越多，但使用图形可视化构建复杂的
应用程序仍然很困难，需要图形可视化方面的专业知识和大量的编
码工作。
Js
（
Bostock et al.
，
2011
年）通过启用可视编码的声明性规
范简化了工作流程，但提供了有限的图形支持，阻碍了其在
鉴于他担任该杂志的主编，Wei Chen没有参与这篇文章的同行评审，也无法获得
有关同行评审的信息。本文同行评审过程的全部责任委托给了Jiazhi Xia。
*
通讯作者。
电子邮件地址：
shiwu. antgroup.com（Y。Wang），zhanning. antgroup.com
（Z.antgroup.com（Z.Lin），xiaoqing. antfin.com（X.Dong），fycj@zju.edu.cn
（Y.Feng），panjiacheng@zju.edu.cn（J.Pan），chenvis@zju.edu.cn（W.陈）。
一些图表分析场景。特定的图形可视化工具（Dwyer et al. ，2008;
Han et al. ，2021），诸如Cytoscape. js（Franzet al. ，2016年）
和
Sigma.js
1
，引入更多面向图形的功能，以促进图形可视化构
建。
为了满足行业对图形可视化的要求，我们与开发人员密切合
作，并定期进行访谈，以调查创作过程，并确定几个机会，以提
高图形可视化工具的可用性和结果发现，他们更喜欢重用封装的
代码，以加速简单的节点链接图的开发不幸的是，现有的工具不
足以同时满足这两个需求。因此，专家有时不得不做出选择，大
多选择前者，而牺牲定制。
我们设计并实现了一个图形可视化库。
我们将其命名为G6，其中“G”取自“图”，“6”取自六个分离度
（Guare et al. ，2000年）。G6结合了基于模板的高可用性配置和
灵活的自定义高表现力。为了提高开发效率，
G6
提出了一套机
制，包括状态管理和交互模式。布局、算法和插件的丰富集成使
G6
的分析能力更上一层楼我们展示了
G6
的表现力和可用性，通过
广泛的画廊，定量性能
1
http://sigmajs.org/网站。
https://doi.org/10.1016/j.visinf.2021.12.003
2468- 502 X/©2021作者。由爱思唯尔公司出版代表浙江大学和浙江大学出版社。公司这是一个在CC BY-NC-ND许可证下的开放获取文章
（http://creativecommons.org/licenses/by-nc-nd/4.0/）。
可在ScienceDirect上获得目录列表
视觉信息学
期刊主页：www.elsevier.com/locate/visinf
下载后可阅读完整内容，剩余6页未读，立即下载
相关推荐
cpongm
- 粉丝: 6
我的内容管理
展开
最新资源
- 《深入理解Java编程思想》第三版解析
- CTerm软件：国内BBS专用上站工具
- 金融微积分：衍生品定价导论
- The Regulator：高效生成正则表达式工具
- 基于AJAX和XML实现动态树形目录构建
- DEM示例数据：傅兄提供的三个文件解析
- 自制QQ自动登陆器实现与源代码分享
- VB实现的正则表达式计算器详解
- nds存档备份工具1.2final版：功能升级与bug修复
- Java实现猜拳游戏的简易教程
- WebWork+Spring+Hibernate整合开发网络书城实践指南
- ASP.NET Web服务安全性深度解析
- 探索'捉小鸡5'综合实验源代码的神秘世界
- 软件工程文档模板系列：系统开发必备参考样式
- ASP.NET中轻松添加和使用日历控件
- Eclipse log4j插件Log4E的免费版本发布
- VB.NET初学者必备：数据库与文件处理实践
- JBuilder开发实践全面指南
- 深入学习Visual C++ 6.0与OpenGL技术
- 全面的js特效功能大全
- Oracle数据库基础教程：PPT与DOC格式
- 布朗运动在经济学中的应用分析
- Visual C++6.0编程教程：从基础到精通
- 百业通服装POS系统：高效收银与进销存管理解决方案
