图可视化引擎G6与X6

上一篇提到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 绝对首选。

图可视化引擎G6与X6相关推荐

G6 图可视化引擎——入门教程——前言
什么是 G6 G6 是一个图可视化引擎.它提供了图的绘制.布局.分析.交互.动画等基础的图可视化能力.旨在让关系变得透明,简单.让用户获得关系数据的 Insight. 入门教程简介我们在本入门教程中 ...
G6 图可视化引擎——简介
什么是 G6 G6 是一个图可视化引擎.它提供了图的绘制.布局.分析.交互.动画等图可视化的基础能力.旨在让关系变得透明,简单.让用户获得关系数据的 Insight. 基于 G6,用户可以快速搭建自己 ...
G6图可视化引擎 v4.1.7
介绍: G6 是一个图可视化引擎.它提供了图的绘制.布局.分析.交互.动画等图可视化的基础能力.旨在让关系变得透明,简单.让用户获得关系数据的 Insight. 基于 G6,用户可以快速搭建自己的图 ...
G6 图可视化引擎——入门教程——绘制 Tutorial 案例
本文将进行 Tutorial 案例的简单绘制和配置.通过本文,你将知道创建一般图时一些常用的配置项及其作用. 基础绘制创建容器需要在 HTML 中创建一个用于容纳 G6 绘制的图的容器,通常为 d ...
G6 图可视化引擎——核心概念——节点/边/Combo——内置节点——Rect
G6 内置了 rect 节点,其默认样式如下.标签文本位于矩形中央. 使用方法如内置节点一节所示,配置节点的方式有两种:实例化图时全局配置,在数据中动态配置. 1 实例化图时全局配置用户在实例 ...
G6 图可视化引擎——核心概念——节点/边/Combo——内置节点——Circle
G6 内置了圆 Circle 节点,其默认样式如下.标签文本位于圆形中央. 使用方法如内置节点一节所示,配置节点的方式有两种:实例化图时全局配置,在数据中动态配置. 1 实例化图时全局配置用户 ...
G6 图可视化引擎——核心概念——节点/边/Combo——内置节点——内置节点总览
G6 的内置节点包括 circle,rect,ellipse,diamond,triangle,star,image,modelRect.这些内置节点的默认样式分别如下图所示. 本文将概述 G6 中的 ...
G6 图可视化引擎——入门教程——动画
由于动画机制较为复杂,我们未在 Tutorial-案例中增加动画. G6 的动画分为两个层次: 图全局动画:图整体变化时的动画过渡: 元素动画:节点和边的动画效果. 全局动画 G6 的全局动画指通过 ...
G6 图可视化引擎——入门教程——插件与工具
为辅助用户在图上探索,G6 提供了一些辅助工具,其中一部分是插件工具,另一部分是交互工具. 本文将为 Tutorial 案例添加缩略图插件.网格插件.节点提示框.边提示框. 插件使用插件时,有三个 ...

图可视化引擎G6与X6

图可视化引擎G6与X6相关推荐

最新文章

热门文章