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

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,一经查实,立即删除!

相关文章

文件的搜索

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 […

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

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

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

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

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

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

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…

火柴人_火柴人 x THANKSGIVING

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

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…

电脑上的ofd格式文件如何打开呢_OFD格式的文件怎么打开预览?,来充电吧

我们不管是在工作、学习、下载资源的时候都可能收到别人的文件,但是如果是word或者pfd格式还好,直接在电脑上就可以打开,但是如果是ofd格式的就很难打开了。工具/材料搜狗浏览器、DCS文档在线预览操作方法01打开我们的搜狗浏览器,…

MySql里的My是指谁?

Monty 是一个编程天才。19岁的时候就从赫尔辛基理工大学退学并找了份全职工作,因为在学校里已经不能再教他什么了。33岁的时候他发布了 MySQL,世界上最有名的开源数据库,除了一个库之外,他编写了数据库的全部东西。55岁的时候他抛…

要嫁就嫁程序猿——钱多话少死的早

1程序猿问科比:“你为什么这么成功? ”科比:“你知道洛杉矶凌晨四点是什么样子吗? ”程序猿:“知道,一般那个时候我还在写代码,怎么了?”科比:“额…….”2女神&#xff…

ajax上传文件 获取失败,Ajax上传文件/照片时报错TypeError :Illegal invocation的解决方法...

本篇文章给大家带来的内容是关于Ajax上传文件/照片时报错TypeError :Illegal invocation的解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。问题Ajax上传文件/照片时报错TypeError :Illegal in…

再见!微软宣布终止对旧版 Microsoft Edge 浏览器的支持

微软宣布自 2021 年 3 月 9 日起终止对旧版 Microsoft Edge(Microsoft Edge Legacy)浏览器的支持。旧版 Microsoft Edge 是基于 EdgeHTML 的浏览器,自 2015 年 7 月 29 日随新一代 Windows 10 操作系统推出。在结束对旧版 Microsoft Edge 浏览…

机器学习:怎样才能做到从入门到不放弃?

2017年人工智能已经列入了国务院的人工智能发展规划中,人工智能将成为推动中国发展的新生科技力量,并在未来扮演着越来越重要的角色,对于想要从事AI行业的小伙伴们来说,如何能够快速、深入的掌握机器学习相关知识显得尤为重要。下…

有必要服务器虚拟化吗,服务器虚拟化有必要吗

服务器虚拟化有必要吗 内容精选换一换专属云(DeC)专属虚拟化资源池。在专属云内,用户可申请独占物理设备,独享计算和网络资源,并使用可靠的分布式存储。专属虚拟化资源池。在专属云内,用户可申请独占物理设备,独享计算…

C#实用小知识:字符串里的换行

从前,用asp.net core写了一个给客户发交易明细的应用,每天发一次,因为是csv格式,当时用的是StringBuilder来一行一行组装数据,组装完后,EMali或SFTP给客户。后来,为节省服务器资源,需…

多重信号辅助音频分离,让你在嘈杂环境也能指哪听哪儿

在刚刚结束的 I/O 大会的主题演讲中,Google CEO Sundar 提出了机器学习在无障碍(Accessibility)方面的用例:有听觉障碍的人在观看视频时往往需要配合字幕来完成辅助理解,但是如果你遇到了多个人同时在说话,…

线性表的链式实现

用链式实现的线性表,公共接口ADT跟上一篇一样 1,有序链表 成员变量和构造函数: privateLinearNode front;privateintcount;publicLinkedOrderedList(){ front null; count 0;实现清单(将ADT和有序链表扩展的独有操作分别作了注释&…

mysql5.7组复制多主一从搭建_MySql5.7-多源复制(多主单从)

1.1.主库配置my.cnf#确保唯一server-id1#作为Master要开启binloglog-binmysql-bin#binlog format有三种形式:Statement、Mixed、Row,默认设置为mixedbinlog-formatmixed#需要同步的库,不指定默认同步全部库binlog-do-dbradius#不需要同步的库…

我敢打赌,这世界没有python数据分析解决不了的问题

相信许多做数据的都有这样的经历:你花了大半天整合了一张数据表,却因为其他部门的错误,导致表格结构全错了!于是你又要吭哧吭哧重新来过...每次数据都重复洗一遍,还这么慢,要是有一劳永逸的方法就好了。一劳…