关系数据可视化框架 AntV - G6

关系数据可视化框架 AntV - G6

GPLv2
JavaScript 查看源码»
跨平台
阿里巴巴
2017-11-22
局长
AntV - G6 正在参加 2019 年度最受欢迎开源中国软件评选,请投票支持!
AntV - G6 在 2019 年度最受欢迎开源中国软件评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票赢奖品
已投票

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

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

如果你还没有使用过 G6, 建议通过快速上手先体验一下 G6 的魅力。

G6 的特性

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

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

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

丰富的图元素

强大的布局及动画

G6 文档

快速上手

// 定义数据源
const data = {
  // 点集
  nodes: [
    {
      id: 'node1',
      x: 100,
      y: 200,
    },
    {
      id: 'node2',
      x: 300,
      y: 200,
    },
  ],
  // 边集
  edges: [
    // 表示一条从 node1 节点连接到 node2 节点的边
    {
      source: 'node1',
      target: 'node2',
    },
  ],
};

// 创建 G6 图实例
const graph = new G6.Graph({
  container: 'mountNode', // 指定图画布的容器 id
  // 画布宽高
  width: 800,
  height: 500,
});
// 读取数据
graph.data(data);
// 渲染图
graph.render();

更详细的内容请参考快速上手文档。

友情链接

结合前端库的第三方实现:

的码云指数为
超过 的项目
加载中

评论(3)

AntV
AntV 软件作者
欢迎使用开源图可视化与分析引擎:AntV G6. 欢迎点亮 Github star: https://github.com/antvis/G6 G6 官网:https://g6.antv.vision/zh
战场原礼亚
战场原礼亚
dataV还活着吗?
清风-蓝魔泪
清风-蓝魔泪
有预览链接吗

G6 3.2.0 发布,AntV 的图可视化与图分析

G6 是 AntV 旗下的一款专业级图可视化引擎,它在高定制能力的基础上,提供简单、易用的接口以及一系列设计优雅的图可视化解决方案,是阿里经济体图可视化与图分析的基础设施。今年 AntV 11....

11/28 15:54

蚂蚁金服 AntV 发布 G6 2.1 -- 一路同行

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

2018/09/04 11:31

裂变·聚变:蚂蚁金服 AntV 数据可视化引擎 G6 2.0 发布

G6 是 蚂蚁金服-AntV 旗下的针对关系数据的可视化引擎。从 2016 年 12 月,G6 立项至今,已经过去了 1 年半的时间。在过去的时光里,G6 直接或间接的支持了阿里经济体近一百个业务系统。期间...

2018/06/06 10:40

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

洞察关系数据 - AntV 的图可视化与图分析

导读 G6 是 AntV 旗下的一款专业级图可视化引擎,它在高定制能力的基础上,提供简单、易用的接口以及一系列设计优雅的图可视化解决方案,是阿里经济体图可视化与图分析的基础设施。今年 AntV...

11/26 18:23
26
0
AntV年度发布

更好的阅读体验,请移步:语雀 回顾这一年 去年11月22日 AntV 品牌日,我们一起见证了__「G2」的开源__、「F2」的诞生。此后 AntV 团队从未停止过在数据可视化道路上的探索,得到了开发者们的...

2018/11/22 09:49
241
0
G6:AntV 的图可视化与图分析

导读 G6 是 AntV 旗下的一款专业级图可视化引擎,它在高定制能力的基础上,提供简单、易用的接口以及一系列设计优雅的图可视化解决方案,是阿里经济体图可视化与图分析的基础设施。今年 AntV...

11/28 11:59
562
0
洞察关系数据 - AntV 的图可视化与图分析

导读 G6 是 AntV 旗下的一款专业级图可视化引擎,它在高定制能力的基础上,提供简单、易用的接口以及一系列设计优雅的图可视化解决方案,是阿里经济体图可视化与图分析的基础设施。今年 AntV...

11/26 14:48
10
0
开源|蚂蚁金服开源AntV F2:一个专注于移动,开箱即用的可视化解决方案

小蚂蚁说: AntV 是蚂蚁金服全新一代数据可视化解决方案,主要子产品包括 G2、G6、F2。此前我们已经相继发布过AntV的相关开源消息与版本迭代,包括《蚂蚁金服开源:数据驱动的高交互可视化图...

2018/08/29 14:17
14
0
简单前后端技术选型(随时更新)

一、后端架构: actframework 或者 springboot http://graphql.cn/ 二、前端: antd 或者 layui 1.图表 antV(G2,G6) 2.图标 iconfont 3.前端第三方库: layui-formSelects xtree 做权限的比较...

2018/08/13 17:24
79
0
PDMan2.0-免费数据库建模工具-增加强大的数据库版本管理

关于PDMan的参考文章: PDMan-国产免费通用数据库建模工具(极简,漂亮) 立志要做 最好的 数据库设计工具 最好的 数据库版本管理工具 免费 是必需的! 关于有不少人询问开源问题,三个月之前...

2018/08/09 23:10
6K
7
antV G6中以html为节点的自动分层布局数据可视化详解

背景选型 现有系统中的业务流、组件流等展示是基于jsPlumb手动拖拽生成的。随着系统接入的公司越来越多,大量的CMDB关系数据自动展示迫在眉睫。经过一段时间的技术调研,最终选择蚂蚁金服的数...

2018/01/19 11:44
4.1K
3
降低图可视化视觉混乱——Edge Bundling(边绑定)

大多数图数据在可视化时被展示成点-线图(Node-link Diagram)的形式。点-线图特别适用于如交通网络图一类的关系数据的展示,这种数据的节点通常带有地理位置信息,例如迁徙图、移民图、航线...

11/28 17:06
10
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部