APP下载

让资料栩栩如生 蚂蚁金服新一代开源资料视觉化解决方案——AntV

消息来源:baojiabao.com 作者: 发布时间:2024-05-20

报价宝综合消息让资料栩栩如生 蚂蚁金服新一代开源资料视觉化解决方案——AntV

介绍

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也绝对是一个不错的选择,希望对你有所帮助!
2019-12-23 19:55:00

相关文章