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

导读

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)等高级分析方法。

G6 与 Graphin 结构图。
图数据均为Mock数据。

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

如果你对 Graphin 的使用感兴趣,请阅读《快速开始》

结语

两个点,一条边,就是一幅图,图可视化就是这么简单

点线可以变化无穷,姿态万千,图可视化又是这样复杂

平凡的点与线便可构成亦繁亦美的关系世界。

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



AntV品牌日的发布详情

知源 · 致远 - AntV 11.22 年度发布

技术

这张图表「不简单」- AntV 的图表工厂

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

突破专业门槛 - AntV 的地理可视化

高效易用的 2D 渲染引擎 - G 4.0 升级

设计

2019,优雅的 AntV 来了

打造默认好用的企业级图表-G2Plot

始于探索 - G6 图可视化设计

从「心」出发之 L7 地图可视化设计

产品

图表制作可以很简单 - 图表魔方 ChartCube

知源 · 致远 - AntV 的那些人,那些事儿

AntV 项目链接

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

AntV 官网https://antv.alipay.com

G2https://github.com/antvis/g2

G2 是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表。

G2Plot:https://github.com/antvis/g2plot

G2Plot 的定位是开箱即用、易于配置、具有良好视觉和交互体验的通用图表库。

F2https://github.com/antvis/f2

F2 是一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(node, 小程序,weex)。完备的图形语法理论,满足各种可视化需求。专业的移动设计指引为你带来最佳的移动端图表体验。

G6https://github.com/antvis/g6

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

Graphin:https://github.com/antvis/graphin

Graphin 是一个基于 G6 封装的关系可视分析工具 ,简单,高效,开箱即用,取自 Graph Insight,图的分析洞察。

L7https://github.com/antvis/l7

L7 是一个基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 中的 L 代表 Location,7 代表世界七大洲,寓意能为全球位置数据提供可视分析的能力。

Ghttps://github.com/antvis/g

G 是 AntV 几个产品共同的底层 2D 渲染引擎,高效易用,专注于图形的渲染、拾取、事件以及动画机制,给上层 G2、F2、G6 提供统一的渲染机制。

ChartCubehttps://chartcube.alipay.com

ChartCube 是一个可以快速完成图表制作的在线工具,只需要三步就可以创建出高品质的图表。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容