为10000+业务系统提供数据可视化能力的AntV 又进化了

简介: 我们的产品一直「知新」,与用户一直「知心」。

小蚂蚁说:

2018 年 AntV 品牌日以知新、知心为主题,旨在让产品一直「知新」,与用户一直「知心」。AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。在过去一年,有 46 位开发者为AntV 贡献代码。

本文小蚂蚁将为大家简单介绍 AntV 的进化成果,了解详情记得点击下方链接哦~

AntV 是蚂蚁金服全新一代数据可视化解决方案,主要包含「数据驱动的高交互可视化图形语法」G2、专注解决流程与关系分析的图表库 G6、适于对性能、体积、扩展性要求严苛场景下使用的移动端图表库 F2 以及一套完整的图表使用指引和可视化设计规范,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

目前,AntV 已经成为阿里经济体中,数据可视化领域十分重要的技术基础设施,为集团内外 10000+ 个业务系统提供数据可视化能力,其中不乏日均千万 UV 级的产品。同时,阿里内部基于 AntV 技术栈的可视化组件、工具、图表类库等相关技术生态开始繁荣,并逐步走向外界受到越来越多的关注。

0c18c32874e49d0b1046b88e97f736b789024516

回顾这一年

2017 年 11 月 22 日 AntV 品牌日,我们一起见证了「G2」的开源、「F2」的诞生。此后 AntV 团队从未停止过在数据可视化道路上的探索,得到了开发者们的信任和青睐。

6939d0cbd0264249cb47ec82ee401fc3f694da2f

除了收到大量的用户反馈之外,值得一提的是在这一年中,有 46 位开发者为AntV 贡献代码,非常感谢与 AntV 一起同行的伙伴们。

回顾这一年,我们把这次品牌日的主题定为:知新,知心

知新:「新」产品、「新」特性,「新」玩法,我们一直在路上

知心:用「心」做事,更知用户「心」

2ef08f17d5bec69841a7daaf4a448717573d7934

L7 初生

L7 中的 L 代表 Location,7 代表世界七大洲,寓意能为全球位置数据提供可视化能力。

这一年,我们在地理空间数据可视化领域有了一定沉淀,在此邀请大家一起见证 L7 的初生。

L7 是由阿里数据可视化工作小组推动的联合项目,汇聚了高德地图开放平台、阿里云 DataV、蚂蚁金服 AntV 团队的可视化力量,结合集团国际 UED、盒马生鲜、菜鸟物流、蚂蚁数据平台部等多个数据业务团队的资源和需求协同共建,期待把阿里经济体在地理空间数据处理、可视化、3D 及大屏渲染等技术融合提供一套完整的地理空间数据可视化框架。L7 为开发者解决以下问题:

  • 空间数据的专业性:坐标变换,投影,地图投影,地理瓦片等。
  • 渲染技术的复杂性:WebGL 渲染技术,相机控制,场景管理,光照,多PASS 渲染,内存管理。
  • 地理交互的综合性:将海量多维度的空间数据转化为合理的视觉映射。

e4af23290307f7e5ef6421d6bea4ea6730ee4850

详情请见:L7 发布: 

https://www.yuque.com/antv/blog/l7-1.0.0-beta-release

G2 经典的新生

G2 是蚂蚁金服数据可视化解决方案AntV的一个子产品,是一套数据驱动的、高交互的可视化图形语法。

在开源一周年之际,G2 发布 3.4 版本,为大家带来很多新玩法:

  • 交互语法:「交互语法」— 一套简洁高效的交互式可视化解决方案。
  • 双引擎:G2 的底层渲染进行了升级,实现 Canvas 和 SVG 自由切换。
  • 业务模板:奉上 58+ 精彩的业务模板,呈现更为生动的可视化效果。

237ff288b568990c2914d83a7dad8509f38cfae3

图 1 业务模板预览

详情请见:G2 3.4 发布: 

https://www.yuque.com/antv/blog/g2-3.4-release

F2 步履不停

F2 专注于移动端可视化方案,精心打造移动端的灵动交互。

本次发布的 3.3 版本,重点的功能有:

  • 组件交互:针对图表组件,手势交互进行了细致的打磨。
  • 业务方案:沉淀了三套针对不同业务场景的可视化方案。

de09de3d8874c4e0bf5e8320c85040e84c407757

图 2 F2可视化方案实例

详情请见:F2 3.3 发布稿:

https://www.yuque.com/antv/blog/f2-3-3-release

G6 歆动

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

自今年 6 月 6 日开源以来,G6 受到各界的广泛关注。为了增强关系图的表现力,我们做了以下努力:

  • 更自然的动画:G6 发布 2.2 版本,提供最自然细腻的动画体验。
  • 拓扑图编辑器:G6-editor 一直在不断完善其建模能力,本次同步推出拓扑图建模编辑模板 Koni。

a2ed84dfe414beb4815edf29209bdb1bd483f210

图 3 G6动画

e4837841e1022c64755b1dde78287d3ce270e049

图 4 G6-editor模板

详情请见:G6 2.2 发布:

https://www.yuque.com/antv/blog/g6-2.2.0-releas

38c76d126d937590c45ae2cbc2c4280aa007438c

怀着“让数据栩栩如生”的愿景,AntV 不断追求更生动的数据表现力,更优越的用户体验。过去一年中,各个子产品的每次版本发布,都让我们离这个目标更进一步。

G2 别具匠心

以强大的图形语法为基础,目前 G2 支持的图表类型已经接近 200 个,可以说是目前 JavaScript 世界里最完备的图形语法的实现。

在开源这一年中,G2 获得了大量开发者的关注,也收到了大量开发者的反馈。因此 G2 不断丰富其业务场景,陆续发布了数据标注,区域着色等功能。持续优化图表各个组件,axis,tooltip, legend, label 等均有重大更新。

7640831b5e6b2afb97c899aa8e15ba034da6f494

图 5 G2 组件效果

回顾历史版本

3.1:在路上:

https://www.yuque.com/antv/blog/g2-3.1-we-are-growing

3.2:迭变:

https://www.yuque.com/antv/blog/g2-3.2-release

3.3:琢···磨:

https://www.yuque.com/antv/blog/g2-3.3-release

F2 心,随你灵动

F2 在满足开发者对于移动端图表库代码体积和渲染性能的严苛要求的同时,拥抱小程序生态,推出了微信小程序版和支付宝小程序版,获得了大量开发者的关注。

e8ae409618af84d1627af55f632885665a7ed528

针对移动端与 PC 端交互的差异,F2 进行了组件重构,优化了手指拖拽,拖动等处理,提供更符合直觉的交互体验。出于移动端图表趣味性的追求,F2 不仅提供生动的默认动画,更支持开发者自定义动画。

f8988d13b01116303d8a97658d4ba8337be37531

3.1:全新起航 :

https://www.yuque.com/antv/blog/cmzzef

3.2:因你而动:

https://www.yuque.com/antv/blog/f2-3.2-release

G6 一心「二」用

G6 经过一年时间的打磨,将原本的「一」裂变为「二」: 即 G6 与 G6-editor,分别侧重于关系可视化的分析体验和建模交互。

随着图可视化领域高精尖力量的加入,G6 整合领域最新的学术成果研发出了一流的图分析解决方案,例如力导向图的鱼眼效果、表格桑基图等。将这些技术沉淀为工程插件,大大降低开发类似图分析应用的成本,助益图可视分析。

回顾历史版本

2.0:裂变·聚变:

https://www.yuque.com/antv/blog/g6-2.0-release

2.1:一路同行:

https://www.yuque.com/antv/blog/g6-2.1-release

️ 写在最后

这一年中,收获了很多用户的反馈和鼓励,尤其是开源的产品,越来越多的小伙伴加入到了贡献者行列中来。我们和用户一起成长,也正印证了 11.22 品牌日与感恩节的「不期而遇」。

希望在未来我们的产品一直「知新」,与用户一直「知心」。感谢大家,感恩有你。

AntV 品牌日图文直播:

https://www.weibo.com/antv2017

09a9b550dc50ba90f2f46b99ca2ba52e773a1782

相关文章
|
8月前
|
SQL 运维 监控
它是最给力的数据分析体系,却被90%的人忽略!
它是最给力的数据分析体系,却被90%的人忽略!
|
2月前
|
数据采集 数据可视化 数据挖掘
掌握可视化大屏:提升数据分析和决策能力的关键(下)
掌握可视化大屏:提升数据分析和决策能力的关键(下)
|
2月前
|
供应链 数据可视化 数据挖掘
掌握可视化大屏:提升数据分析和决策能力的关键(上)
掌握可视化大屏:提升数据分析和决策能力的关键(上)
|
12月前
|
数据可视化 安全 Cloud Native
AntV 你的保姆级数据可视化解决方案
AntV 你的保姆级数据可视化解决方案
531 0
|
11月前
|
城市大脑 智能设计 运维
首家!阿里云完成数据可视化服务能力评估
阿里云DataV数据可视化团队历经磨炼,走过了10年的可视化之路,在产品和服务上走出了一条属于自己的道路。
|
12月前
|
JSON 移动开发 数据可视化
移动端数据可视化方案的挑战与设计
移动端数据可视化方案的挑战与设计
307 0
|
人工智能 数据可视化 安全
数据时代不具备数据可视化分析能力,你怎么在工作中脱颖而出?
数据可视化和信息可视化都是可视化的一种方式,数据可视化将数据库中每一个数据项作为单个图元元素表示,大量的数据集构成数据图像,同时将数据的各个属性值以多维数据的形式表示,可以从不同的维度观察数据,从而对数据进行更深入的观察和分析。信息可视化,旨在把数据资料以视觉化的方式表现出。信息可视化是一种将数据与设计结合起来的图片,有利于个人或组织简短有效地向受众传播信息的数据表现形式。
数据时代不具备数据可视化分析能力,你怎么在工作中脱颖而出?
|
机器学习/深度学习 SQL 算法
从开发视角看数据分析
导读:数据分析就是要从杂乱无章的数据中将某个或者某些核心指标做提炼、归纳、总结,找到某个规律,但往往得到的结论不足以支撑下一步的动作,劳心劳力最后无果,又要再继续深挖。本文并不是一篇专业的数据分析方法论,而是从研发角度对自己做的一些数据分析进行思考和总结。
从开发视角看数据分析
|
监控 数据挖掘
数据分析必会的六大实用模型
对于刚刚接触数据分析的人来说,经常会有这样的困惑和疑问:数据分析究竟难不难?难的话难在哪?为什么有时候作分析不知道从何下手,只能眉毛胡子一把抓? 其实就连我这种已经在数据分析行业浸淫十几年的老油条,有时候做起分析来也会手忙脚乱,根本原因就在于没有抓住数据分析的本质,我们是为了用大量数据去分析、解释和预测基于数据的事实,你首先要明白自己做数据分析的目的是什么,是为了描述事件分析?还是为了预测?又或者是做规范性分析? 按照我的经验来说,掌握数据分析方法有一条好的捷径——套用分析模型,对新手来说几乎是百试百灵,只要掌握了下面几个分析模型,基本上可以应对工作中的所有业务分析场景。
|
前端开发 数据可视化 定位技术
数据可视化之下发图实践
随着互联网的快速发展,数据维度越来越广,呈现形式也越发丰富,具有多维度数据特点的相关业务实践都能通过可视化图表来展示,比如个推的下发图,从时间和区域两个维度,可以即时、直观地展现个推数据下发的过程。
1606 0