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

原标题：开源 | 蚂蚁金服开源：关系数据的可视化引擎 G6 2.0《蚂蚁金服开源：数据驱动的高交互可视化图形语法G2》。AntV是蚂蚁金服全新一代数据可视化解决方案，主要包含「数据驱动的高交互可视化图形语法」G2、本次开源的G6、适于对性能、体积、扩展性要求严苛场景下使用的移动端图表库F2以及一套完整的图表使用指引和可视化设计规范，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。G6 是 蚂蚁金服-AntV 旗下的针对关系数据的可视化引擎。从 2016 年 12 月，G6 立项至今，已经过去了 1 年半的时间。在过去的时光里，G6 直接或间接的支持了阿里经济体近一百个业务系统。期间获得过赞誉，也有吐槽，取得一定成就，也暴露过不少问题。半年前，我们结合真实业务需求和业内成熟框架的特点，以及自己内心的丁点不安分创新，开启了 G6 2.0 的开发工作，经过精心设计，以及与诸多业务方数月共同打磨。今天，我们怀着诚心、真心、谦卑之心，以及「 让人们在数据世界里获得视觉能力 」的梦想，为大家奉上 G6 2.0。G6 名字的由来由于这个问题被很多人问到过，所以在正式介绍 G6 2.0 的新架构，新特性之前，我们觉得还是有必要先介绍一下 G6 这个名字的由来。裂变自 G6 诞生以来，公司内部由 G6 承接的业务可以分为两大类，一者是图分析类，二者是图编辑类。两者虽说都是关系型数据，但两者的侧重点各不相同，前者更注重绘制的性能、布局的质量，数据钻取等分析体验。后者更注重命令操作、数据读存等人机交互的编辑体验。由于之前人力上和认识上的局限，1.0 中我们强行把两个场景全部揉在 G6 这一个库里，随着业务的发展，G6 自身变得越来越臃肿，越来越矛盾，发展变得举步维艰。团队同学经过深入讨论和思考，决定将 G6 一分为二，由此，G6 开始了工程上的裂变：干活的程序员：这绝对是一个蛮大的架构变化，甚至从工程上谈得上伤经动骨，陷入深坑，有条件要上，没有条件创造条件也要上 ⊙﹏⊙1.更完备完备图项2.0 中我们除了原有的两个基本图项（Item），节点（Node），边（Edge），还引入了另外两个基本元素：组（Group），导引（Guide）。至此，我们可以基于 G6 在思维完全不饶的情况下去画任何你想画的图。（意味着以后你可以再也不用偷换概念的去用节点模拟一个组，模拟一个背景，或其它什么东西。）层级拍平G6 1.0 中节点和边位于两个图层，这个时候意味着，你只能让所有边都在节点上方或者都在下方。2.0 中我们将节点和边放在了同一个图层，这意味这你可以任意控制不同边和节点间的层叠关系。2.更精简、更清晰、更友好的接口设计随着 2.0 架构的升级，G6 沉为了底层的关系图可视化引擎，其本身不提供（很少提供）上层建筑（节点类型、边类型、基础交互、布局算法）的具体实现，只提供一套高可扩展的机制。得益此次的减负，G6 优化了大量接口设计，如果用过 1.0，相信大家能明显感受到接口更精简，更自洽，概念更清晰。详见链接（请将网址复制至浏览器中即可查看，下同） ：https://antv.alipay.com/zh-cn/index.html3.开放插件扩展为了更好的沉淀一些中等程度的、具体场景相关的工作，以及为了和社区更好的融合形成合力，G6 2.0 中我们开放了插件的扩展。详见链接：https://antv.alipay.com/zh-cn/index.html聚变在决定了 G6 未来上面会长 G6-Analyser 和 G6-Editor 两个独立项目后，我们深刻的明白，光靠工程是做不好上面两件事情的，我们需要更多与其它专业领域深度融合。这次，我们很高兴的告诉大家，今天除了开源 G6 ，还会开放取得了阶段性成果的 G6-Editor !详见链接：https://yuque.com/antv/g6-editor1.与设计深入融合数据可视化可能一开始就跟美是分不开，而且我们又在 UED 部门，所以我们首先会想到和专业的设计同学深度融合。本次 G6-Editor 作为一个相对上层的中间件，其对外输出的一半是工程，另一半是设计。2.与产品深度融合为了避免 G6-Analyser 和 G6-Editor 成为工程师闭门造车的产物。在打造这两个技术产品时，我们会和内部大量的商业产品深入合作，对各个交互细节反复推敲。最终将经过成熟的思考的结论内化到 G6 技术栈。产品的深度合作，使得我们更有可能打造精品，并为未来打造开箱即用 图分析 与 图编辑 中间件打下坚实基础。开源●寄语几经努力 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— END —