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

阅读数:2799 2019 年 9 月 2 日 15:29

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

小蚂蚁说:

AntV 是蚂蚁金服全新一代数据可视化解决方案,主要子产品包括 G2、G6、F2。

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

项目 GitHub 地址:

https:// github. com/antvis/g6

项目文档地址:

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

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

过往

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

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

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

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

遇到上述问题的朋友,别慌,因为在走上开源之路的那一刻起,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 元素了!

3. 箭头拓展机制

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

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

4. 新增若干插件

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

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

将来

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

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

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

  • gg-editor

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

本文转载自公众号蚂蚁金服科技(ID:Ant-Techfin)。

原文链接:

https://mp.weixin.qq.com/s/uH66SJHTcND3UwTKNdVV_w

评论

发布