蚂蚁金服 Antv 发布 G6 3.1 —— 潜心

1,241 阅读3分钟

G6 是 蚂蚁金服-AntV 旗下的图分析及图可视化引擎

G6 名称由来:

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

自 G6 诞生以来,由 G6 承接的业务可以分为两大类,一类是图分析,另一类是图编辑。两者虽然有一定的程度上的相似,但各自的侧重点不同,前者更注重图数据的分析体验。后者更注重交互的编辑体验。之前我们使用 G6 来同时支持这两种不同类型的业务,从实际效果来看,并不能达到我们的期望。从 G6 3.1 版本开始,我们更侧重于图分析领域。

G6 3.1 版本有三个重大更新:

  • 优化节点及边状态管理;
  • 内置丰富的节点、内置折线;
  • 新增布局功能:内置了多种布局,并支持自定义布局。

优化状态管理

在 G6 3.1 中,我们统一了所有节点和边的配置方式,提供两种可选的方式,第一种是在实例化 Graph 时,通过 nodeStateStylesedgeStateStyles 来定义,另一种是在自定义节点时,在 options 配置项的 stateStyles 中定义状态。

统一了所有节点和边的配置方式以后,通过简单的配置,我们就可以扩展出更多类型的节点和边。

更多关于状态管理的内容请参考这里

丰富的内置节点

在 G6 3.1 中,我们内置了 circle、rect、image 等8大类型的节点,可以扩展出 20+ 种节点类型,足以支持常见的图分析领域的需求,更详情的内容请参考这里


强大的布局能力

G6 内置了多种常用的图布局,并将持续积累。为图可视化提供强有力的基础布局支持。支持布局方法的动态切换、布局参数的动态变化、数据的动态变化。允许用户自定义布局,用户可以按照自己的喜好、需求生成个性化图布局,布局的可扩展性更方便用户在布局算法上进行自由探索。


各布局方法的自由切换。


布局参数的动态切换。

更多关于布局的内容请参考这里

全新的教程文档

根据用户学习的阶梯以及需求的层次,我们重新组织了 G6 的教程文档。新增可以快速边学边做的 入门教程 Tutorial for 20 minutes,归纳 进阶教程。让入门更简单,让深入更通畅。

G6 3.2 预告

更专注于图可视化与分析的 G6 3.2 将于 11 月 22 日上线!更方便的内置交互、更丰富的图布局、更好用辅助组件工具等你哟!敬请关注。


G6官网:antv.alipay.com/zh-cn/g6/3.…

GitHub:github.com/antvis/g6