百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程字典 > 正文

让数据栩栩如生,蚂蚁金服新一代开源数据可视化解决方案——AntV

toyiye 2024-06-06 22:12 14 浏览 0 评论

介绍

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

相关推荐

为何越来越多的编程语言使用JSON(为什么编程)

JSON是JavascriptObjectNotation的缩写,意思是Javascript对象表示法,是一种易于人类阅读和对编程友好的文本数据传递方法,是JavaScript语言规范定义的一个子...

何时在数据库中使用 JSON(数据库用json格式存储)

在本文中,您将了解何时应考虑将JSON数据类型添加到表中以及何时应避免使用它们。每天?分享?最新?软件?开发?,Devops,敏捷?,测试?以及?项目?管理?最新?,最热门?的?文章?,每天?花?...

MySQL 从零开始:05 数据类型(mysql数据类型有哪些,并举例)

前面的讲解中已经接触到了表的创建,表的创建是对字段的声明,比如:上述语句声明了字段的名称、类型、所占空间、默认值和是否可以为空等信息。其中的int、varchar、char和decimal都...

JSON对象花样进阶(json格式对象)

一、引言在现代Web开发中,JSON(JavaScriptObjectNotation)已经成为数据交换的标准格式。无论是从前端向后端发送数据,还是从后端接收数据,JSON都是不可或缺的一部分。...

深入理解 JSON 和 Form-data(json和formdata提交区别)

在讨论现代网络开发与API设计的语境下,理解客户端和服务器间如何有效且可靠地交换数据变得尤为关键。这里,特别值得关注的是两种主流数据格式:...

JSON 语法(json 语法 priority)

JSON语法是JavaScript语法的子集。JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JS...

JSON语法详解(json的语法规则)

JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组注意:json的key是字符串,且必须是双引号,不能是单引号...

MySQL JSON数据类型操作(mysql的json)

概述mysql自5.7.8版本开始,就支持了json结构的数据存储和查询,这表明了mysql也在不断的学习和增加nosql数据库的有点。但mysql毕竟是关系型数据库,在处理json这种非结构化的数据...

JSON的数据模式(json数据格式示例)

像XML模式一样,JSON数据格式也有Schema,这是一个基于JSON格式的规范。JSON模式也以JSON格式编写。它用于验证JSON数据。JSON模式示例以下代码显示了基本的JSON模式。{"...

前端学习——JSON格式详解(后端json格式)

JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScriptProgrammingLa...

什么是 JSON:详解 JSON 及其优势(什么叫json)

现在程序员还有谁不知道JSON吗?无论对于前端还是后端,JSON都是一种常见的数据格式。那么JSON到底是什么呢?JSON的定义...

PostgreSQL JSON 类型:处理结构化数据

PostgreSQL提供JSON类型,以存储结构化数据。JSON是一种开放的数据格式,可用于存储各种类型的值。什么是JSON类型?JSON类型表示JSON(JavaScriptO...

JavaScript:JSON、三种包装类(javascript 包)

JOSN:我们希望可以将一个对象在不同的语言中进行传递,以达到通信的目的,最佳方式就是将一个对象转换为字符串的形式JSON(JavaScriptObjectNotation)-JS的对象表示法...

Python数据分析 只要1分钟 教你玩转JSON 全程干货

Json简介:Json,全名JavaScriptObjectNotation,JSON(JavaScriptObjectNotation(记号、标记))是一种轻量级的数据交换格式。它基于J...

比较一下JSON与XML两种数据格式?(json和xml哪个好)

JSON(JavaScriptObjectNotation)和XML(eXtensibleMarkupLanguage)是在日常开发中比较常用的两种数据格式,它们主要的作用就是用来进行数据的传...

取消回复欢迎 发表评论:

请填写验证码