文档章节

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

聚则
 聚则
发布于 11/28 11:59
字数 2115
阅读 572
收藏 6

导读

G6 是 AntV 旗下的一款专业级图可视化引擎,它在高定制能力的基础上,提供简单、易用的接口以及一系列设计优雅的图可视化解决方案,是阿里经济体图可视化与图分析的基础设施。今年 AntV 11.22 品牌日,我们带来了新的 G6 3.2.0 版本。该版本着重改进了开发体验,增加了许多新元素和组件,并提供了更为高级的布局算法。

与此同时,我们发布一款基于 G6 引擎封装的、开箱即用的图可视化工具——Graphin,你只要对它进行简单配置,就可以迅速搭建起一个功能强大、样式美观的图可视化分析应用。

G6,洞察关系数据

G6 名称由来:G6 是蚂蚁金服-AntV 旗下的图可视化与图分析引擎,G 来自于 Graphic、Graph ,意味着我们要基于图分析技术做图可视化;6 来自于《六度分隔理论》,表达了我们对关系数据、关系网络的敬畏和着迷。

功能聚焦的图可视化引擎

展示,作为可视化最重要的基础能力,其专业难点在于如何将复杂的关系数据以更低的视觉复杂度更高的可读性呈现给终端用户。为此,G6 提供图的渲染绘制交互动画等可视化基础能力。

  • 丰富的内置元素(8 种基础类型节点,6 种基础类型边 🆕及其变种);
  • 多样的内置交互(10+ 种);
  • 🆕易用的辅助组件。

除了上述默认好用、配置自由的内置功能,元素、交互、布局均允许用户进行自定义。

丰富的内置元素。🆕菱形、三角形、星型、卡片型节点。🆕arc 型、自动弯折的折线型边。

自定义元素及辅助展示及分析的组件——🆕边绑定。降低视觉混乱,提高可读性。

专业可靠的图分析工具

可视化的另一大需求是分析。图/关系数据的复杂性导致了算法专业度高、复杂度高等难点。G6 为支持业务中的流量分析、关系分析等需求提供了图布局算法分析组件等图分析基础能力:

  • 🆕强大的内置布局(10+ 种)—— 丰富的配置项,并允许用户自定义布局,切换随心所欲。提供 WebWorker 机制,不再阻塞页面;
  • 便捷的分析组件 —— 🆕自由的配置,优秀的性能。

各布局方式及参数的动态切换。

Graphin,小试牛刀

Graphin 取名意为 Graph Insight(图的分析洞察),是一个基于 G6 封装的 React 组件库。简单,高效,开箱即用。它的 Logo 是一个石墨烯(Graphene),意为蕴藏未来的潜力。

目前图分析已经被广泛被用在金融反欺诈,公共安全,基础设施监控,智慧医疗等领域。在这个过程中,我们需要一个强大的图计算引擎,解决数据合规,挖掘问题。也需要相应的图算法去解决图的构建,分析问题。最后在前端,我们需要一个图可视化引擎,为我们提供可视化分析能力,发现潜在的价值。Graphin 就是在这样的背景下诞生的,将这些图关系数据进行可视化呈现,并对其进行分析探索。

Graphin 就是在这样的背景下诞生的,基于 G6 的底层能力一方面屏蔽掉一些领域专业的概念,同时又封装进去很多常用的图分析功能,进一步降低图可视化领域的专业门槛,将这些关系数据进行可视化分析与探索。Graphin 具有如下产品特性:

  • 数据驱动:充分利用 React 框架特性,支持数据到图的映射与变化;
  • 自动布局:内置丰富的布局,支持布局切换,满足不同场景下的布局需求;
  • 分析组件:内置 Toolbar,ContextMenu,MiniMap,Filter 等组件,组件化开发,支持自定义;
  • 自定义样式:内置节点与边的样式,支持用户通过 JSON Schema 自定义;
  • 基础分析:支持节点扩散,寻找边关系等基础分析方法;
  • 高级分析:开源后计划新增时序分析(timebar),地理位置分析(map mode)等高级分析方法。

图数据均为Mock数据

数据驱动的 Graphin 可快速映射杂乱无序的关系数据到视图上。例如,用户可以自由探索团伙、组织层次等关系。撤销重做、拖拽圈选、分析组件、高级分析方法等辅助功能使 Graphin 更加易用。Graphin 希望通过开源共建的方式,吸引更多的人加入,深入探索这一领域。 如果你对 Graphin 的使用感兴趣,请阅读《快速开始》

结语

两个点,一条边,就是一幅图,图可视化就是这么简单; 点线可以变化无穷,姿态万千,图可视化又是这样复杂; 平凡的点与线便可构成亦繁亦美的关系世界。

图可视化,G6 一直在努力。更多功能,敬请期待,欢迎点亮 GitHub Star


AntV 品牌日的发布详情

AntV 项目链接

欢迎关注我们的 GitHub 项目,点亮 star 了解我们的实时动态,期待 pr:

  • AntV 官网https://antv.alipay.com
  • G2https://github.com/antvis/g2<br />G2 是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表。
  • G2Plot:https://github.com/antvis/g2plot<br />G2Plot 的定位是开箱即用、易于配置、具有良好视觉和交互体验的通用图表库。
  • F2https://github.com/antvis/f2<br />F2 是一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(node, 小程序,weex)。完备的图形语法理论,满足各种可视化需求。专业的移动设计指引为你带来最佳的移动端图表体验。
  • G6https://github.com/antvis/g6<br />G6 是 AntV 旗下的图可视化与图分析引擎_,_G 来自于 Graphic、Graph ,意味着我们要基于图分析技术做图可视化;6 来自于《六度分隔理论》,表达了我们对关系数据、关系网络的敬畏和着迷。
  • Graphin:https://github.com/antvis/graphin<br />Graphin 是一个基于 G6 封装__的关系可视分析工具_ __,简单,高效,开箱即用,_取自 Graph Insight,图的分析洞察。
  • L7https://github.com/antvis/l7<br />_L7 是一个基于 WebGL 的开源__大规模地理空间数据可视分析开发框架。_L7 中的 L 代表 Location,7 代表世界七大洲,寓意能为全球位置数据提供可视分析的能力。
  • Ghttps://github.com/antvis/g<br />G 是 AntV 几个产品共同的底层 2D 渲染引擎,高效易用,专注于图形的渲染、拾取、事件以及动画机制,给上层 G2、F2、G6 提供统一的渲染机制。
  • ChartCubehttps://chartcube.alipay.com<br />_ChartCube 是一个可以快速完成图表制作的在线工具,只需要三步就可以创建出高品质的图表。

© 著作权归作者所有

聚则
粉丝 0
博文 2
码字总数 3348
作品 0
杭州
私信 提问
加载中

评论(7)

wang-3227
wang-3227
很好
--0_0--
--0_0--
已经做了2开,实际应用中我们更在意的是g6的底层设计,官网很多案例真的是 看着香吃起来嘛就不说了。还是很棒
聚则
聚则 博主
后面我们会把 G6 从 1.0、2.0 到 3.0 的底层设计及整个设计过程中的思考和大家分享,也争取在下个版本中能拿出令大家满足的G6。同时求关注G6 https://github.com/antvis/G6
--0_0--
--0_0--
已经偷窥了其中的一些理念并在项目中实现了
聚则
聚则 博主
👍 好的实践可以提pr。
红薯
红薯
图片裂了
聚则
聚则 博主
修改好了,多谢!
知源 · 致远 - AntV 11.22 年度发布 - 知乎

导读 AntV 是一个数据可视化项目,也是一个团队,蚂蚁金服数据可视化团队,一群有爱有梦的人,怀揣「让人们在数据世界里获得视觉化思考能力」的梦想前行, 希望成就智能时代全球领先的数据可...

AntV
11/21
0
0
知源 · 致远 - AntV 11.22 年度发布

导读 AntV 是一个数据可视化项目,也是一个团队,蚂蚁金服数据可视化团队,一群有爱有梦的人,怀揣「让人们在数据世界里获得视觉化思考能力」的梦想前行, 希望成就智能时代全球领先的数据可...

蚂蚁金服数据体验技术
11/21
0
0
那个“炫酷狂拽”的数据可视化利器AntV 11.22版全新发布啦

导读 AntV 是一个数据可视化项目,也是一个团队,蚂蚁金服数据可视化团队,一群有爱有梦的人,怀揣「让人们在数据世界里获得视觉化思考能力」的梦想前行, 希望成就智能时代全球领先的数据可...

蚂蚁金服科技
11/23
0
0
开源 | 蚂蚁金服开源:关系数据的可视化引擎 G6 2.0

小蚂蚁说: 首先回顾上一次蚂蚁金服AntV的相关开源消息:《蚂蚁金服开源:数据驱动的高交互可视化图形语法G2》。 AntV 是蚂蚁金服全新一代数据可视化解决方案,主要包含「数据驱动的高交互可...

兔子酱
2018/06/06
0
0
蚂蚁金服 AntV 发布 G6 2.1 -- 一路同行

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

AntV
2018/09/04
3.2K
1

没有更多内容

加载失败,请刷新页面

加载更多

使用zabbix自带的模板监控MySQL自带

一、安装zabbix server 略 二、安装zabbix agent 略 三、给主机套自带的模板 略 四、创建授权用户 mysql> grant all on *.* to 'zabbix'@'localhost' identified by 'musingtec2019';Quer......

雁南飞丶
10分钟前
4
0
notepad++快捷键

notepad++也情有独钟,最近发现了一个快捷键,就是选中单词,ctrl+shift+enter。不过现在想知道一个快捷键,假设有三行代码,选中后一般按TAB就可以三行全部缩进. Notepad++绝对是windows下进...

zhengzhixiang
32分钟前
5
0
区块链背景是什么?区块链的意义是什么?

一、前言 区块链技术的首次也是最著名的应用是比特币,一个在2009年1月初正式上线运行的去中心化数字货币应用,他的创始人叫中本聪,但目前大家并不知道此人的真实身份。 比特币不同于现代国...

daxiongdi
37分钟前
4
0
在Bash中循环浏览文件内容

如何使用Bash遍历文本文件的每一行? 使用此脚本: echo "Start!"for p in (peptides.txt)do echo "${p}"done 我在屏幕上得到以下输出: Start!./runPep.sh: line 3: syntax error......

技术盛宴
40分钟前
8
0
史上最强IP正则表达式

port ([0-9]|[1-9]\\d{1,3}|[1-5]\\d{4}|6[0-4]\\d{4}|65[0-4]\\d{2}|655[0-2]\\d|6553[0-5]) ipv4 ^((25[0-5]|2[0-4]\\d|[01]?\\d\\d?)\\.){3}(25[0-5]|2[0-4]\\d|[01]?\\d\\d?)$ ipv4+mask......

蜗牛伊
43分钟前
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部