G6 图可视化引擎—

什么是 G6

G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的 Insight。

基于 G6，用户可以快速搭建自己的图分析或图编辑应用。

强大的布局

强大的动画及交互

G6 的特性

G6 作为一款专业的图可视化引擎，具有以下特性：

优秀的性能：支持大规模图数据的交互与探索；
丰富的元素：内置丰富的节点与边元素，自由配置，支持自定义；
可控的交互：内置 10+ 交互行为，支持自定义交互；
强大的布局：内置了 10+ 常用的图布局，支持自定义布局；
便捷的组件：优化内置组件功能及性能；
友好的体验：根据用户需求分层梳理文档，支持 TypeScript 类型推断。

除了默认好用、配置自由的内置功能，元素、交互、布局均具有高可扩展的自定义机制。

丰富的图元素

G6 图可视化引擎——简介相关推荐

G6 图可视化引擎——入门教程——前言
什么是 G6 G6 是一个图可视化引擎.它提供了图的绘制.布局.分析.交互.动画等基础的图可视化能力.旨在让关系变得透明,简单.让用户获得关系数据的 Insight. 入门教程简介我们在本入门教程中 ...
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 图可视化引擎——入门教程——图的交互 Behavior
G6 封装了一系列交互方法,方便用户直接使用.本文将为 Tutorial 案例增加简单的交互:hover 节点.点击节点.点击边.放缩画布.拖拽画布.本节目标效果如下: 基本概念交互行为 Beha ...

G6 图可视化引擎——简介

什么是 G6

G6 的特性

G6 图可视化引擎——简介相关推荐

最新文章

热门文章