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+ 种节点类型,足以支持常见的图分析领域的需求,更详情的内容请参考这里


image.png



强大的布局能力

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

layout-method-trans.gif

各布局方法的自由切换。


layout-fruch-config-trans.giflayout-circular-config-trans.gif

布局参数的动态切换。

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


全新的教程文档

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


G6 3.2 预告

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