这套前端可视化框架,让数据栩栩如生!

AntV,蚂蚁出品,前端数据可视化,有这一套就够了!

随着大数据的发展,人们越来越多地使用数据分析来解决问题。为了提高数据分析的效率,各种先进的数据可视化工具应需而生,可以直接根据指定的数据源,生成炫酷又直观的图表。

下面分享一套优秀的前端数据可视化框架,AntV,由蚂蚁集团精心打造,可以让数据栩栩如生。

说是 “框架” 有点小看它了,AntV 其实是一套全新又完整的数据可视化 解决方案!基于一套标准的设计系统,打造了各式各样的子项目,组成了一套完整的数据可视化架构!

AntV 架构图

G2、F2、G6、X6、L7、AVA,这特么都是啥啊!

快让我们来认识一下每个子项目的作用。

G2

G2 是一套 面向常规统计图表,以数据驱动的高交互可视化图形语法,具有高度的易用性和扩展性。使用 G2,你可以无需关注图表各种繁琐的实现细节,一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。

G2 图表

此外,还有 G2Plot,基于 G2,是一套开箱即用、易于配置、具有良好视觉和交互体验的 通用统计图表库。在 G2 的基础上,添加了更多图表类型,易用性进一步提升。

G2Plot

F2

区别于 G2,F2 是一个 专注于移动端、开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(Node, 小程序,Weex),完备的图形语法理论,满足你的各种可视化需求,专业的移动设计指引为你带来最佳的 移动端图表 体验。

此外,类似的还有 F2Native,一个 专注于客户端(Android/IOS)、开箱即用、高性能的可视化解决方案。具有完备的图形语法理论,满足你的各种需求,专业的移动设计指引为你带来最佳的移动端图表体验。

F2Native 折线图

G6

有时,G2 和 F2 提供的图表可能并不适合展示具有复杂关系的图,这时我们可以使用 G6。

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

以下图表 G6 都能很好的支持:

G6 关系图

在 G6 的基础上,蚂蚁还开发了 Graphin,取名意为 Graph Insight(图的分析洞察),是一个基于 G6 封装的 React 组件库,专注在关系可视分析领域,简单高效,开箱即用,可以帮助我们生成各种辅助分析的关系图表。

Graphin

X6

X6 是 AntV 旗下的 图编辑引擎,提供了一系列开箱即用的交互组件和简单易用的节点定制能力,方便我们快速搭建 DAG 图、ER 图、流程图等应用。

区别于 G6,X6 更专注于 图编辑,可以灵活地定义节点、边的样式和操作行为。

L7

L7 是基于 WebGL 的开源大规模地理空间数据可视分析开发框架,专注于空间数据可视分析,支持 2D、3D 一体化的海量数据高性能动态渲染。

L7 空间可视化

AVA

除了上面的多种可视化框架外,蚂蚁还开发了基于人工智能、更简便的可视分析技术框架 AVA,可以根据数据智能生成多种不同的可视化图表,避免了复杂的配置。

AVA demo

不得不感叹,蚂蚁金服的前端真的是非常专业了,如果要开发数据可视化应用,一定要试试 AntV 呀!

⬇️ 点击下方阅读原文查看项目

编程导航是帮助大家高效发现优质编程资源的项目,在编程导航主站中,你可以自由搜索编程资源并轻松获取。

此外,通过资源简介、详情、秒懂视频以及大家的评论,还可以助你快速了解和选择资源!????

在编程导航公众号中,也会定期推荐好的编程资源,分享编程小知识,让您不经意间收获成长!????

有帮助的话,欢迎分享给身边的同学哦!❤️

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/303632.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

AlphaGo背后的力量:蒙特卡洛树搜索入门指南

我们都知道 DeepMind 的围棋程序 AlphaGo,以及它超越人类的强大能力,也经常会听到「蒙特卡洛树搜索」这个概念。事实上,蒙特卡洛树搜索是在完美信息博弈场景中进行决策的一种通用技术,除游戏之外,它还在很多现实世界的…

js vue中得延时器_Vue.js实现时分秒倒计时

我们平常浏览网页的时候,经常见到“距游戏公测1天2小时3分钟4秒”这样的倒计时器。时间如沙漏般一点点的减少,不仅能挑起用户的兴趣,而且让页面提升了一点逼格,还填补掉一些尴尬的空白位置。最近写得越来越多,有用没用…

文件的搜索

which 显示一个可执行文件的完整路径; [rootberyl ~]# which ls alias lsls --colortty /bin/ls whereis 搜索一个可执行工具及其相关配置、帮助 [rootberyl ~]# whereis ls ls: /bin/ls /usr/share/man/man1/ls.1.gz /usr/share/man/man1p/ls.1p.gz find […

计算机学报和c类会议,c类及以上学术期刊_c刊就是cssci吗_ccf推荐期刊和会议目录...

吃B族维生素片有什么好处大家族经常的成员有B1、B2、B3(烟酸)、B5(泛酸)、B6、B9(叶酸)、B12(钴胺素)。它们的作用如下。1.是糖代谢过程中关键性的物质。身体的肌肉和神经所需能量主要由糖类提供,所以最易受累。VB充足,则神经细胞能量充沛&am…

WPF ListBox样式去掉默认选中效果

次用到ListBox的时候,鼠标悬浮时,ListBoxItem的默认样式太丑了,设置了ItemTemplate也不管用,像这样的:经过几次尝试后,终于解决了这个问题,记录一下,以后就不用到处百度找了。。。其…

如何简单形象又有趣地讲解神经网络是什么?

神经网络很萌的!0. 分类神经网络最重要的用途是分类,为了让大家对分类有个直观的认识,咱们先看几个例子:垃圾邮件识别:现在有一封电子邮件,把出现在里面的所有词汇提取出来,送进一个机器里&…

C#创建自定义特性

概述特性(Attribute)是用于在运行时传递程序中各种元素(比如类、方法、结构、枚举、组件等)的行为信息的声明性标签。您可以通过使用特性向程序添加声明性信息。一个声明性标签是通过放置在它所应用的元素前面的方括号&#xff08…

win8计算机安全模式,WIN8如何设置按F8进入安全模式

Win8/win10系统想进入安全模式就不是太容易的事了。之前的Win7和XP等系统可以通过在开机时按F8进入安全模式选择菜单。有什么方法可以设置让Win8/win10系统按F8直接进入安全模式菜单。下面学习啦小编向大家介绍让Win8/win10系统通过这种老办法按F8进入安全模式的方法&#xff0…

当你不喜欢一个人(一段话、一篇文章)的时候

为什么80%的码农都做不了架构师?>>> 我知道技术人员都喜欢争论,因为我也算半个。不过我总觉得,有些争论是没有必要存在的。因为沟通是以交流为目的的,若本身对方就不是来交流而是做宣传的,推销一种观点。那…

floatmap 二维数组_用J中的多维数组进行Arrays.fill

用J中的多维数组进行Arrays.fill如何在不使用循环的情况下用Java填充多维数组? 我试过了:double[][] arr new double[20][4];Arrays.fill(arr, 0);结果为java.lang.ArrayStoreException: java.lang.Double提前致谢!11个解决方案87 votes这是…

在程序员面前千万不要说这9句话,我一个同事就死的很惨!

最近,有几位程序员朋友,向我吐槽,经常有人和他说一些让他恼怒的话,他听完都想打人啦。我听完之后也是哭笑不得,将这些程序员朋友的话给整理出来了,大家以后在程序员面前说话可得小心点。。01“我先下班了啦…

C# WPF框架Caliburn.Micro快速搭建

1. Caliburn是什么?Caliburn是Rob Eisenberg在2009年1月26日(Robs MIX10 talk "Build Your Own MVVM Framework")提出的一个MVVM类的开源框架。它是一套用于协助开发WPF,Silverlight,WP7和Win RT等的应用程序的库。Caliburn.Micro由…

怎么可以让计算机不能联网,我想让电脑:只能收发电子邮件,不能上网,怎样设置?...

2006-01-04 14:47:58用美萍卫士就可以。全部2006-01-04 14:47:582006-01-04 13:22:37第一种全部删除 最好的方式打开系统所在目录找到 IE 的所在地全部删除然后安装放火墙,以瑞星为例子~~~找到启动~~关闭HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVers…

MYSQL技术连环斩-MYSQL简述

前言:严格的来说,MYSQL是一款产品而不是一项技术。关于技术和产品的论述,请参考我的博文。现在进行小结一下。可以说数据库技术是为了解决数据之间如何聚合,聚合的数据如何管理的问题。为了实际上的真正应用,就必须选择…

火柴人_火柴人 x THANKSGIVING

滴水之恩当涌泉相报,THANKSGIVING是我们给予对方的温暖。很多时候我们却发现,帮助我们的人其实并不求回报。也许,当我们想要感恩得到的帮助时,更应该做的,是铭记他人的善意,并努力把这份温暖传递下去。2020…

AI催生新的工作机遇:5个未来会很吃香的岗位

导读:人工智能与人类工作是当下许多人津津乐道的一个话题,而讨论的重点大多是围绕在“未来人工智能会不会抢走我们的工作”这个方面。“人工智能”一词经常会让人感觉心生恐惧和忧虑,人们畏惧人工智能所带来的未知可能性,害怕发生…

在 CAP 中使用 AOP ( Castle.DynamicProxy )

简介本篇文章主要介绍如何在 CAP 中集成使用 Castle.DynamicProxy,Castle DynamicProxy 是一个用于在运行时动态生成轻量级.NET代理的库。代理对象允许在不修改类代码的情况下截取对对象成员的调用。可以代理类和接口,但是只能拦截虚拟成员。为什么需要使…

共享服务器硬件要求,共享服务器的配置与管理.doc

编号:Q/NJXX-QR-RJ-2-2012南京信息职业技术学院教 案授课班级41421P、41422P授课时数2序号1时间地点[ ] 年[ ]月[ ] 日 [ ]节 [ ]课程单元共享服务器的配置与管理教学内容能够在Linux中访问Windows的共享资源掌握Linux中安装NFS服务的方法掌握Linux中安装Samba服务的…

Vim as Python IDE on windows

下载安装Python。 从Vim的网站下载vim,建议下Self-installing executable的版本。 编辑vim的配置文件_vimrc 拷贝vimrc_example里面的东东到_vimrc 去掉_vimrc里面的source $VIMRUNTIME/vimrc_example.vim 设置中文支持 "设置编码自动识别, 中文引号显示 "set fileen…

python中matplotlib库实例_Python Matplotlib库入门指南

Matplotlib简介Matplotlib是一个Python工具箱,用于科学计算的数据可视化。借助它,Python可以绘制如Matlab和Octave多种多样的数据图形。最初是模仿了Matlab图形命令, 但是与Matlab是相互独立的.通过Matplotlib中简单的接口可以快速的绘制2D图表初试Matpl…