开源 | 蚂蚁金服开源:关系数据的可视化引擎 G6 2.0

简介: 小蚂蚁说: 首先回顾上一次蚂蚁金服AntV的相关开源消息:《蚂蚁金服开源:数据驱动的高交互可视化图形语法G2》。 AntV 是蚂蚁金服全新一代数据可视化解决方案,主要包含「数据驱动的高交互可视化图形语法」G2、本次开源的 G6、适于对性能、体积、扩展性要求严苛场景下使用的移动端图表库 F2 以及一套完整的图表使用指引和可视化设计规范,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

小蚂蚁说:

首先回顾上一次蚂蚁金服AntV的相关开源消息:《蚂蚁金服开源:数据驱动的高交互可视化图形语法G2》。

AntV 是蚂蚁金服全新一代数据可视化解决方案,主要包含「数据驱动的高交互可视化图形语法」G2、本次开源的 G6、适于对性能、体积、扩展性要求严苛场景下使用的移动端图表库 F2 以及一套完整的图表使用指引和可视化设计规范,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

G6 是 蚂蚁金服-AntV 旗下的针对关系数据的可视化引擎。从 2016 年 12 月,G6 立项至今,已经过去了 1 年半的时间。在过去的时光里,G6 直接或间接的支持了阿里经济体近一百个业务系统。期间获得过赞誉,也有吐槽,取得一定成就,也暴露过不少问题。

半年前,我们结合真实业务需求和业内成熟框架的特点,以及自己内心的丁点不安分创新,开启了 G6 2.0 的开发工作,经过精心设计,以及与诸多业务方数月共同打磨。

今天,我们怀着诚心、真心、谦卑之心,以及「 让人们在数据世界里获得视觉能力 」的梦想,为大家奉上 G6 2.0。


G6 名字的由来

开源|蚂蚁金服开源:关系数据的可视化引擎 G6 2.0

  • 流程图,流流流,666,溜溜溜?
  • G2 叫 G two。G6 叫 G six ?
  • G 是图形可以理解,6 跟关系数据有什么关系?
  • ……

由于这个问题被很多人问到过,所以在正式介绍 G6 2.0 的新架构,新特性之前,我们觉得还是有必要先介绍一下 G6 这个名字的由来。

  1. G6 的 G 来自于 Graphic、Graph ,意味着我们要基于图形技术做图可视化;
  2. G6 的 6 来自于《六度分隔理论》,表达了我们对关系数据,关系网络的敬畏和着迷;
  3. G6 念 G六

裂变

自 G6 诞生以来,公司内部由 G6 承接的业务可以分为两大类,一者是图分析类,二者是图编辑类。两者虽说都是关系型数据,但两者的侧重点各不相同,前者更注重绘制的性能、布局的质量,数据钻取等分析体验。后者更注重命令操作、数据读存等人机交互的编辑体验。

由于之前人力上和认识上的局限,1.0 中我们强行把两个场景全部揉在 G6 这一个库里,随着业务的发展,G6 自身变得越来越臃肿,越来越矛盾,发展变得举步维艰。团队同学经过深入讨论和思考,决定将 G6 一分为二,由此,G6 开始了工程上的裂变:

开源|蚂蚁金服开源:关系数据的可视化引擎 G6 2.0

干活的程序员:这绝对是一个蛮大的架构变化,甚至从工程上谈得上伤经动骨,陷入深坑,有条件要上,没有条件创造条件也要上 ⊙﹏⊙

1.更完备

完备图项

2.0 中我们除了原有的两个基本图项(Item),节点(Node),边(Edge),还引入了另外两个基本元素:组(Group),导引(Guide)。至此,我们可以基于 G6 在思维完全不饶的情况下去画任何你想画的图。(意味着以后你可以再也不用偷换概念的去用节点模拟一个组,模拟一个背景,或其它什么东西。)

  • 群组
开源|蚂蚁金服开源:关系数据的可视化引擎 G6 2.0

  • 导引信息
开源|蚂蚁金服开源:关系数据的可视化引擎 G6 2.0

层级拍平

G6 1.0 中节点和边位于两个图层,这个时候意味着,你只能让所有边都在节点上方或者都在下方。2.0 中我们将节点和边放在了同一个图层,这意味这你可以任意控制不同边和节点间的层叠关系。

开源|蚂蚁金服开源:关系数据的可视化引擎 G6 2.0

2.更精简、更清晰、更友好的接口设计

随着 2.0 架构的升级,G6 沉为了底层的关系图可视化引擎,其本身不提供(很少提供)上层建筑(节点类型、边类型、基础交互、布局算法)的具体实现,只提供一套高可扩展的机制。得益此次的减负,G6 优化了大量接口设计,如果用过 1.0,相信大家能明显感受到接口更精简,更自洽,概念更清晰。详见链接(请将网址复制至浏览器中即可查看,下同) :

https://antv.alipay.com/zh-cn/index.html

3.开放插件扩展

为了更好的沉淀一些中等程度的、具体场景相关的工作,以及为了和社区更好的融合形成合力,G6 2.0 中我们开放了插件的扩展。详见链接:

https://antv.alipay.com/zh-cn/index.html


聚变

在决定了 G6 未来上面会长 G6-Analyser 和 G6-Editor 两个独立项目后,我们深刻的明白,光靠工程是做不好上面两件事情的,我们需要更多与其它专业领域深度融合。

这次,我们很高兴的告诉大家,今天除了开源 G6 ,还会开放取得了阶段性成果的 G6-Editor ! 详见链接:

https://yuque.com/antv/g6-editor

1.与设计深入融合

开源|蚂蚁金服开源:关系数据的可视化引擎 G6 2.0

数据可视化可能一开始就跟美是分不开,而且我们又在 UED 部门,所以我们首先会想到和专业的设计同学深度融合。本次 G6-Editor 作为一个相对上层的中间件,其对外输出的一半是工程,另一半是设计。

2.与产品深度融合

为了避免 G6-Analyser 和 G6-Editor 成为工程师闭门造车的产物。在打造这两个技术产品时,我们会和内部大量的商业产品深入合作,对各个交互细节反复推敲。最终将经过成熟的思考的结论内化到 G6 技术栈。

产品的深度合作,使得我们更有可能打造精品,并为未来打造开箱即用 图分析 与 图编辑 中间件打下坚实基础。

  • 语雀脑图(内测中)
开源|蚂蚁金服开源:关系数据的可视化引擎 G6 2.0

  • 内部分析应用 -- 河流图(数据虚构)
开源|蚂蚁金服开源:关系数据的可视化引擎 G6 2.0

  • 内部分析应用 -- 流量网图(数据虚构)
开源|蚂蚁金服开源:关系数据的可视化引擎 G6 2.0

开源●寄语

几经努力 G6 终于也走上了开源之路,心中小辛酸根本难掩内心深处的喜悦。希望开源之后我们能够更好的回馈社区,更好的从社区中汲取养分!希望大家在使用过程中多看文档,善研代码,勤提PR,互帮互助,提有深度和有建设性的建议。期待与大家共同努力,共同成长,共同进步~!

项目地址

官网:https://antv.alipay.com/zh-cn/g6/

github:https://github.com/antvis/g6

最后

夹带几个私货:

《史上最6的可视化大赛》

https://yuque.com/antv/blog/g6-competition

《知乎?哲也!》

https://yuque.com/youtian/tgg2zw

求贤若渴,如有意加入 AntV 请发送邮件至:antv@antfin.com

开源|蚂蚁金服开源:关系数据的可视化引擎 G6 2.0

— END —

蚂蚁金服科技,只为分享干货

您的转发是对我们最大的支持

欢迎在文章下方留言与我们进行交流哦~

目录
相关文章
|
1月前
|
SQL 存储 分布式计算
ODPS技术架构深度剖析与实战指南——从零开始掌握阿里巴巴大数据处理平台的核心要义与应用技巧
【10月更文挑战第9天】ODPS是阿里巴巴推出的大数据处理平台,支持海量数据的存储与计算,适用于数据仓库、数据挖掘等场景。其核心组件涵盖数据存储、计算引擎、任务调度、资源管理和用户界面,确保数据处理的稳定、安全与高效。通过创建项目、上传数据、编写SQL或MapReduce程序,用户可轻松完成复杂的数据处理任务。示例展示了如何使用ODPS SQL查询每个用户的最早登录时间。
98 1
|
SQL 分布式计算 运维
开源大数据 OLAP 引擎最佳实践 | 学习笔记(二)
快速学习开源大数据 OLAP 引擎最佳实践
开源大数据 OLAP 引擎最佳实践 | 学习笔记(二)
|
Java BI Scala
6款实用开源报表工具
大数据时代,从海量数据中挖掘出有用的数据,并以较人性化、直观的方式展示这些数据,变得尤为重要。今天小编为大家介绍6款实用的开源报表工具,你可以使用这些工具做出高效,且符合企业需求的报表。
31659 0
|
6月前
|
消息中间件 Docker 索引
【一文解读】阿里自研开源核心搜索引擎 Havenask简介及发展历史
本次分享内容为Havenask的简介及发展历史,由下面五个部分组成(Havenask整体介绍、名词解释、架构、代码结构、编译与部署),希望可以帮助大家更好了解和使用Havenask。
71995 0
【一文解读】阿里自研开源核心搜索引擎 Havenask简介及发展历史
|
6月前
|
SQL NoSQL 安全
国际标准图查询语言 GQL 正式发布,悦数图数据库业界首家原生支持
经过行业多年的讨论和行动,图查询语言 GQL(Graph Query Language)在 2024 年 4 月 12 日正式发布。GQL 是由国际标准化组织(ISO)和国际电工委员会(IEC)共同制定的图数据库查询语言标准,正式编号为 ISO/IEC 39075。GQL 为管理和查询图数据确立了统一的标准。
|
存储 运维 API
一张图读懂TuGraph Analytics开源技术架构
通过一张图描述清楚TuGraph Analytics的整体架构和关键设计,帮助大家快速了解TuGraph Analytics项目轮廓。
一张图读懂TuGraph Analytics开源技术架构
|
SQL 消息中间件 存储
TuGraph Analytics动态插件:快速集成大数据生态系统
插件机制为GeaFlow任务提供了外部数据源的集成能力扩展,GeaFlow支持从各类Connector中读写数据,GeaFlow将它们都识别为外部表,并将元数据存储在Catalog中。GeaFlow已有一些内置的插件,例如FileConnector,KafkaConnector,JDBCConnector,HiveConnector等。
|
机器学习/深度学习 人工智能 达摩院
开源!一文了解阿里一站式图计算平台GraphScope
随着大数据的爆发,图数据的应用规模不断增长,现有的图计算系统仍然存在一定的局限。阿里巴巴拥有全球最大的商品知识图谱,在丰富的图场景和真实应用的驱动下,阿里巴巴达摩院智能计算实验室研发并开源了全球首个一站式超大规模分布式图计算平台GraphScope,并入选中国科学技术协会“科创中国”平台。本文详解图计算的原理和应用及GraphScope的架构设计。
开源!一文了解阿里一站式图计算平台GraphScope
|
SQL 机器学习/深度学习 前端开发
如何用开源组件“攒”出一个大数据建模平台?
如何用开源组件“攒”出一个大数据建模平台?
278 0
|
消息中间件 JSON 资源调度
京东开源:一款高效的企业级表格可视化搭建解决方案!
京东开源:一款高效的企业级表格可视化搭建解决方案!
下一篇
无影云桌面