AntV - G6 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
AntV - G6 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: GPLv2
开发语言: JavaScript 查看源码 »
操作系统: 跨平台
开发厂商: 阿里巴巴
收录时间: 2017-11-22
提 交 者: 局长

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();

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

友情链接

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

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

AntV - G6 的相关博客

G6:AntV 的图可视化与图分析

导读 G6 是 AntV 旗下的一款专业级图可视化引擎,它在高定制能力的基础上,提供简单、易用的接口以及一系列设计优雅的图可视化...

G6:AntV 的图可视化与图分析

  导读      G6 是 AntV 旗下的一款专业级图可视化引擎,它在高定制能力的基础上,提供简单、易用的接口以及一系列设计...

antV G6流程图在Vue中的使用

<blockquote>最近我司项目中需要加入流程图制作功能,于是乎百度各种找可视化绘制拓扑图的轮子,大部分都是国外的,看文档太吃...

「蚂蚁金服 AntV」G6 3.4 又双叒叕来啦

https://juejin.im/post/5e676e43518825495372113b AntV G6 是一款开源的图可视化引擎,专注于图可视化及图分析。 欢迎关注和...

「蚂蚁金服 AntV」G6 3.4 又双叒叕来啦

https://juejin.im/post/5e676e43518825495372113b AntV G6 是一款开源的图可视化引擎,专注于图可视化及图分析。 欢迎关注和...

蚂蚁金服 AntV G6 3.4 又双叒叕来啦

AntV G6 是一款开源的图可视化引擎,专注于图可视化及图分析。 欢迎关注和 Star 我们的 GitHub:https://github.com/antvis/G...

antV G6中以html为节点的自动分层布局数据可视化详解

背景选型 现有系统中的业务流、组件流等展示是基于jsPlumb手动拖拽生成的。随着系统接入的公司越来越多,大量的CMDB关系数据自...

AntV年度发布

更好的阅读体验,请移步:语雀 回顾这一年 去年11月22日 AntV 品牌日,我们一起见证了__「G2」的开源__、「F2」的诞生。此后 ...

AntV - G6 的相关问答

还没有任何问答,马上提问

评论 (3)

加载中
AntV软件作者
欢迎使用开源图可视化与分析引擎:AntV G6. 欢迎点亮 Github star: https://github.com/antvis/G6 G6 官网:https://g6.antv.vision/zh
2019/11/28 21:11
回复
举报
dataV还活着吗?
2018/09/04 15:44
回复
举报
有预览链接吗
2017/11/22 21:17
回复
举报
更多评论
3 评论
129 收藏
分享
返回顶部
顶部