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

279 阅读7分钟

小蚂蚁说:

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

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


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

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


回顾这一年

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

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

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

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

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


L7 初生

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

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

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

  • 空间数据的专业性:坐标变换,投影,地图投影,地理瓦片等。

  • 渲染技术的复杂性:WebGL 渲染技术,相机控制,场景管理,光照,多PASS 渲染,内存管理。

  • 地理交互的综合性:将海量多维度的空间数据转化为合理的视觉映射。

详情请见:L7 发布:

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


G2 经典的新生

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

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

  • 交互语法:「交互语法」— 一套简洁高效的交互式可视化解决方案。

  • 双引擎:G2 的底层渲染进行了升级,实现 Canvas 和 SVG 自由切换。

  • 业务模板:奉上 58+ 精彩的业务模板,呈现更为生动的可视化效果。


简洁高效的交互语法

业务模板:奉上 58+ 精彩的业务模板

图 1 业务模板预览

详情请见:G2 3.4 发布:

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

F2 步履不停

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

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

  • 组件交互:针对图表组件,手势交互进行了细致的打磨,

  • 业务方案:沉淀了三套针对不同业务场景的可视化方案。

图 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。

                                                        图 3 G6动画

                                       

                                               图 4 G6-editor模板


详情请见:G6 2.2 发布:

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

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


G2 别具匠心

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

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

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

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

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