上一篇提到canvas与svg,在此认识基于它们的图可视化引擎G6与X6。
- G6 是 AntV
旗下的一款专业级图可视化引擎,它在高定制能力的基础上,提供简单、易用的接口以及一系列设计优雅的图可视化解决方案,是阿里经济体图可视化与图分析的基础设施。 - X6 是蚂蚁金服 AntV 旗下的图编辑引擎,X 象形图编辑场景的关系链接,同时 X6 又是 G6 的孪生兄弟。
如果是拖拽加入节点、从锚点拖拽创建边、编辑边的形状、编辑过程中对齐等重图编辑应用,特别是流程图编辑,用 X6。
图编辑一般是在「编辑修改数据」或「从 0-1 搭建数据」的过程,所以图规模不会太大。X6 是基于 HTML 的, 所以使用者可以像写 HTML 一样去写一个节点,但是在较大规模的图上性能不佳。
如果是图可视化与分析应用的场景,用G6。
G6 是基于 Canvas 的,在较大规模图上可以保持流畅交互。在移动端,需要支持展示和简单交互,对性能的要求更高,因此这种需求优选 G6。
所以,如果你有大于 200 个节点的场景,优选 G6。如果你的数据量不大,但是组成一个节点的图元非常多(图元指一个图形,如矩形、文字等,在 HTML 里就是一个 DOM 节点),优选 G6。其余情况下的图编辑场景,X6 绝对首选。