G6 简介
架构演进
功能特性
应用场景
愿景及规划

简介

G6 这个名字的由来:

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

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

架构演进

参考文章:https://www.yuque.com/antv/blog/bs243t
版本迭代升级,都是业务驱动的结果,希望 4.0 架构能够去引领业务。
image.png

V1.0

G6 v1.0 是沿着 G2 的思路,以关系映射为核心,支持常见的布局算法,支持简单的拖拽等交互,所有的交互都是内置的,没有提供更改和扩展的机制。
image.png

V2.0

G6 V2.0 主要针对的是图编辑的场景,增加了锚点、控制点及交互等机制。G6 2.0 对于业务开发同学来说接入成本较大,基于 G6 2.0,开发了 G6-Editor,G6-Editor 降低了首次接入的成本,但不易于扩展的问题在业务后期就完全暴露了出来,再加上人力投入的问题,G6-Editor 最终也没有选择开源。
image.pngimage.png

V3.0

3.3 之前的版本架构。

18年底开始,涌现出了越来越多的关系异常发现、关系扩散及流量可视分析类的业务,这类业务使用 G6 2.0 支持就比较吃力,针对这些业务特性,重新开始了 G6 3.0 的设计,3.0 重点在节点及边的状态管理、图元素的扩展及布局上面。
image.png

现有架构

3.3+ 架构

image.png

4.0 架构

image.png

功能特性

image.png

应用场景

从图的业务场景来分,可以分为图展示、图分析和图编辑三个方向。

图展示

组织架构图、流程图、血缘图等侧重关系展示的业务。
image.png

图分析

G6 重点服务的业务领域。

  • 知识图谱;
  • 图平台:图数据库、图计算;
  • 安全风控;
  • 监管合规;
  • 网络安全;
  • 流量分析。

Graphin:https://github.com/antvis/Graphin 图分析视频.mp4 (4.67MB)> 视频来源于https://www.palantir.com/palantir-gotham/,如有侵权,请联系作者删除。

图编辑

  • 数据建模;
  • ER 图、流程图、拓扑图的编辑;
  • 重型的编辑工具,类似 processon、drawio:这类不是 G6 的规划范畴内。

基于 G6 的 GGEditor:https://ggeditor.com/examples/graph/mind
X6:https://github.com/antvis/x6
image.png

愿景和规划

愿景

图可视化领域的行业标杆。

统计图表领域的 Echarts;React UI 组件领域的 antd。

规划

image.png

里程碑

截至时间 内容 说明 输入
2020-06-30 G6 3.6_ 图算法 最短路径、中心度
边优化 默认支持两点之间存在多边
折线、贝塞尔曲线等和节点的连接位置:能够自动识别出最佳连接点
包优化 webworker 布局从主包中拆分
Graphin 基础分析 完善基础分析能力
高级分析 分组分析
时序分析
GraphMaker 编辑器
图元素
布局
2020-09-30 G6 3.7_ 交互语法 beta 版
图算法 PageRank、最大/最小生成树
交互优化 缩小到一定程度只显示 keyShape
拖动时固定指定节点
缩放时指定节点不跟随缩放
缩放时候字体保持不变
redo/undo
箭头 内置 5+ 箭头样式
Graphin 高级分析 算法分析
地理空间分析
GraphMarker 物料库
StarGraph 流量图
组件集
2020-11-22 G6 4.0 支持大数据量渲染及交互方案:
- 裁剪;
- 简化节点;
- 过滤;
- 合并。

目标:支持十万级数据的过滤提取,5w 节点的展示和交互。 | | | | | | 交互语法 | | | | | | 图算法 | 3+ 图算法落地业务 | | | | | 布局性能 | 布局的 GPGPU 实现 | | | | | 可视分析组件包 | 基础组件 | | | | | | 分析组件 | | | | Graphin | 领域方案 | 知识图谱 | | | | | | 安全风控 | | | | | | 图平台 | | | | | | 网络安全 | | | | | | 监管合规 | | | | GraphMarker | 发布 V1.0,为 StarGraph、Graphin 及 G6 提供服务 | | | | | StarGraph | 提供完整的流量分析方案 | | |