首页 > 这套前端可视化框架,让数据栩栩如生!
头像
程序员鱼皮
编辑于 2021-04-20 21:19
+ 关注

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

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 呀!

项目链接:https://www.code-nav.cn/rd/?rid=b00064a760598f220b5dfd5a059de241

全部评论

(0) 回帖
加载中...
话题 回帖

推荐话题

相关热帖

近期精华帖

热门推荐