开源|蚂蚁金服 AntV G6 2.1:一路伴你同行

时间:2024-06-03 10:44:59

开源|蚂蚁金服 AntV G6 2.1:一路伴你同行

小蚂蚁说:

AntV 是蚂蚁金服全新一代数据可视化解决方案,主要子产品包括 G2、G6、F2。此前我们已经相继发布过AntV的相关开源消息与版本迭代,包括《开源|蚂蚁金服开源AntV F2:一个专注于移动,开箱即用的可视化解决方案》、《蚂蚁金服开源:数据驱动的高交互可视化图形语法G2》,《开源 | 蚂蚁金服开源:关系数据的可视化引擎 G6 2.0》等相关消息。

我们今天要分享的G6 是一个简单、易用、完备的图可视化引擎。它在高定制能力的基础上,提供了一系列设计优雅、便于使用的图可视化解决方案,帮助开发者高效搭建属于自己的图分析或图编辑器应用。

项目 GitHub 地址:

https://github.com/antvis/g6

项目文档地址:

https://www.yuque.com/antv/g6

友情提示:文中所有链接用PC端打开效果更佳噢。

开源|蚂蚁金服 AntV G6 2.1:一路伴你同行

过往

开源|蚂蚁金服 AntV G6 2.1:一路伴你同行

▲图为 2018.06.06 ~ 2018.09.04 使用 G6 活跃系统增长的过程

光阴荏苒,转瞬间,夏去秋来。自 2018.06.06 开源至今的短短三个月,G6 的使用量爆炸式增长,活跃系统数从 100 个飙升至近 1000 个。我们取得了一定的成绩,获得了不少的赞许和认同,在此感谢各位的支持和信任。同时,G6 暴露出了不少问题。主要集中在以下三方面:

  1. 文档少,入门难。
  2. 1.0 -> 2.0 部分特性缺失,升级困难。
  3. 对于用户的反馈,没有及时回复。

遇到上述问题的朋友,别慌,因为在走上开源之路的那一刻起,AntV 便已决定:你若不离不弃,我便伴你一路同行。

现在

1.更详尽文档内容,更专业的文档系统

开源|蚂蚁金服 AntV G6 2.1:一路伴你同行

文档是我们此次改进的重点之一,希望它能给你带来更好的体验。

  • 补充了大量文档,更详尽,更易懂。
  • 迁移至专业的语雀文档系统。语雀强大的文档辅助功能如:搜索、目录、评论等,提高信息检索的效率,增加反馈空间。

文档地址:

https://www.yuque.com/antv/g6

2.支持 SVG 渲染

开源|蚂蚁金服 AntV G6 2.1:一路伴你同行

虽然 canvas 十分强大,但定制列表型的元素却是它但短板。早在半年前,G6 便开始策划支持 HTML 节点,但 canvas 的技术栈和 DOM 有着不可融合的隔离。而 SVG 渲染引擎能够很好地解决这一问题。就在今天, G6 支持 SVG 渲染,支持自定义 DOM 元素了!

参见详情:

https://www.yuque.com/antv/g6/wm3aid

3.箭头拓展机制

开源|蚂蚁金服 AntV G6 2.1:一路伴你同行

开源|蚂蚁金服 AntV G6 2.1:一路伴你同行

我们不得不承认,以往 G6 的箭头业余得实在不像一个关系图可视化引擎。经过设计师的精心设计,工程师的精心打磨,G6 终于补齐了自定义箭头这块历史短板。

详情参见:

https://www.yuque.com/antv/g6/custom-edge#xgnras

4.新增若干插件

开源|蚂蚁金服 AntV G6 2.1:一路伴你同行

开源|蚂蚁金服 AntV G6 2.1:一路伴你同行

开源|蚂蚁金服 AntV G6 2.1:一路伴你同行

在解决大家提出的问题的同时,G6 本次亮相 7 个图分析组件。相信 G6 通过自主研发与整合领域顶尖的技术,可为用户提供完美的图分析解决方案,大大降低用户开发图分析应用的成本,助益图可视分析。

详情参见:

https://www.yuque.com/antv/g6/api-plugins

将来

G6-Editor

开源|蚂蚁金服 AntV G6 2.1:一路伴你同行

▲图为申请使用 G6-Editor 的系统和企业

三个月前,在开源 G6 的同时,我们开放了基于 G6 封装的图编辑器组件 G6-Editor 。令我们惊喜的是,这个组件受到了阿里内外众多朋友的关注,由于 G6-Editor 仍在迭代打磨并且尚未开源,还有一些商业上的使用限制,我们收到了许多来自用户的申请邮件。这让我们意识到,打磨一个高交互、可拓展的图编辑器意义非凡。在接下来的几个月,我们会在此重点发力,争取让 G6-Editor 的源码在明年年初与大家在开源世界里相见!

G6-Editor 文档地址:

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

广而告之

1.基于 G6 的第三方封装

  • Viser-graph

https://viserjs.github.io/docs.html#/viser/guide/installation

官方介绍:做可视化就是一件纯粹的事情,选择什么前端框架并不是需要真正关心的事情。不管是React,还是Angular,抑或是Vue,你都能在Viser里找到解决方案。你的框架比较小众?也可以快速定制啊,就是这么贴心。

2.基于 G6-Editor 的第三方封装

  • gg-editor

http://ggeditor.com/

官方介绍:Great Graphic Editor 是一个基于 G6-Editor 的 React 封装版本,使用体验更符合 React 技术栈开发习惯。基于提供的 React 组件开发者可以快速搭建流程或脑图编辑器,提升开发效率的同时只需关注业务实现。

3.AntV 团队大力招聘

吴军老师的《智能时代》、马老师的各种公开演讲以及还有很多远见能人都说过类似的话,数据的使用之于这轮信息革命的意义好比蒸汽机与电在第一、二次工业革命中一样,这两年亲历阿里可视化生态的繁荣,兴奋的看到源源不断的可视化、可视分析需求孕育着大大小小的可视化团队如雨后春笋般的冒尖与成长,这是个正值朝阳的职业方向。不说了,快上船!来一起玩数据,一起寻找智能数据可视化方向的突破,北京、上海开始筹备小分队,还有成都、杭州共 4 地可选,我们诚邀最有潜力的你加入~

——林峰(花名:御术)

联系我们:[email protected]