介绍
AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单、方便、专业可靠、无限可能的数据可视化最佳实践。
分类
- G2
使用文档:https://www.yuque.com/antv/g2-docs
G2 是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表。
特性
- 简单、易用
- 完备的可视化编码
- 强大的扩展能力
在 React / Vue / Angular 中使用 G2
基于 AntV 技术栈还有许多优秀的项目,在 React 环境下使用 G2,我们推荐可以尝试使用 BizCharts 和 Viser-react!这两个产品都是基于 G2 的 React 版本封装,使用体验更符合 React 技术栈的习惯,他们都与 AntV 有着紧密的协同,他们很快也将同步开源和发布基于 G2 3.0 的版本。
此外,Viser 并不是针对 React 做的适配,它是对 G2 3.0 通用的抽象。通过基于 Viser 封装,现在已经支持对 React、 Angular 和 Vue 三个常用框架的深度整合,对应的是 viser-react、viser-ng 和 viser-vue。对,你都有机会用到一样的使用体验。当然,你甚至可以自己动手来封装针对任何库的版本,如果需要的话。Viser 提供了这种自定义的扩展能力,而且成本非常低。
BizCharts 地址:https://alibaba.github.io/BizCharts/
Viser 地址:https://viserjs.github.io/
- G6
使用文档:https://www.yuque.com/antv/g6/graph
G6 是一个简单、易用、完备的图可视化引擎,它在高定制能力的基础上,提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图 图分析 应用或是 图编辑器 应用。
专注关系,完备基建:
G6 是一个专注于关系数据的、完备的图可视化引擎
领域深钻,顶尖方案
扎根实际具体业务场景、结合业界领先成果,沉淀顶尖解决方案
简单易用,扩展灵活
精心设计的简单、灵活、高可拓展的接口,满足你的无限创意。
- F2
使用文档:https://www.yuque.com/antv/f2/api-index
一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(node, 小程序,weex)。完备的图形语法理论,满足你的各种可视化需求。专业的移动设计指引为你带来最佳的移动端图表体验。
特性
专注移动,体验优雅
在“准确、有效、清晰、美”的可视化原则的基础之上,结合移动设备特性(规格不一,计算能力不足和触摸界面)以及人们对移动设备的使用习惯,我们从设计、性能以及多端异构三个角度出发,为用户提供移动端图表的最佳实践。
- 轻量化呈现,自然反馈:
在设计上我们以人为本,追求自然简单易懂,有吸引力的表达效果,让用户在碎片化的时间里更快更高效得获取图表信息。同时在可视化的操作我们追求内容和操作有机融合,符合人的自然行为反应,让交互操作更自然。
- 多端异构:
在完美支持 H5 环境的同时,同时兼容 Node.js,支付宝小程序、微信小程序、React Native 以及 Weex 端的渲染,一份代码,多设备多环境渲染。
- 轻巧流畅:
性能我相信是移动端长期关注的问题,虽然移动设备硬件以及计算能力一直在不断提升,但是可以肯定地说,大多数用户并没有使用最新和最强大的移动设备。因此,F2 一直致力于追求极致的性能,针对移动设备做了大量的优化,在支持丰富(50+)图表的基础上同时保持代码量的小巧(不带交互版本 Gzip 压缩后 44k,带所有交互版本 56k),同时提供模块化的设计以支持动态加载,提供更优的大小。
图表丰富,组件完备
与传统的图表库不同,抛弃了特图特做的封装思路,基于强大的图形语法理论,以数据驱动,通过图形语法的组合灵活构建各类图表,目前可绘制 50+ 图表类型(当然,还可以更多),覆盖各类场景。在提供基础的图表可视化能力外,我们还提供了丰富图表功能组件,满足各种功能需求。
基于F2的优秀开源项目:
- ant-design-mobile-chart:基于 F2 封装的 ant-mobile 图表组件。
- BizCoblin:基于 F2,React 移动端可视化图表库。
- VChart:VUX(Vue.js 移动端 UI 组件库)基于 F2 封装的图表组件。
- weex-chart:Weex 上的图表组件。
- eapp-dd-charts:钉钉 E 应用图表。
- L7
使用文档:https://www.yuque.com/antv/l7/wyb66y
是一套高性能,高渲染质量的地理空间数据可视化框架。L7 中的 L 代表 Location,7 代表世界七大洲,寓意能为全球位置数据提供可视化能力。L7 的目标是提供一套地理空间数据可视化框架,易用易扩展,支持海量数据的高性能和 3D 高质量渲染,安全可靠(无地图法务风险)的地理空间数据可视化解决方案。
架构上灵活可扩展:
数据为核心,相同的数据不同的展现
业务上简洁、通用:
基于图形语法,简单,易用
可视化上酷炫,动感:
高性能,高质量实时动态渲染
相关地址
Github:https://github.com/antvis/
官网:https://antv.alipay.com/zh-cn/index.html
全部文档:https://www.yuque.com/antv
总结
AntV是蚂蚁金服的新一代数据可视化解决方案,我们平时支付宝中账单统计等等一些图表都是基于此的,可视化解决方案很多,国内也有优秀的框架如Echarts,可以选择一个适用于自己项目的,AntV也绝对是一个不错的选择,希望对你有所帮助!