前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >这套前端可视化框架,让数据栩栩如生!

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

原创
作者头像
程序员鱼皮
发布2021-03-26 21:38:30
1.9K0
发布2021-03-26 21:38:30
举报
文章被收录于专栏:鱼皮客栈鱼皮客栈

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

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

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

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

AntV 架构图
AntV 架构图

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

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

G2

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

G2 图表
G2 图表

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

G2Plot
G2Plot

F2

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

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

G6

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

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

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

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

Graphin
Graphin

X6

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

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

L7

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

L7 空间可视化
L7 空间可视化

AVA

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

AVA demo
AVA demo

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

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • G2
  • F2
  • G6
  • X6
  • L7
  • AVA
相关产品与服务
灰盒安全测试
腾讯知识图谱(Tencent Knowledge Graph,TKG)是一个集成图数据库、图计算引擎和图可视化分析的一站式平台。支持抽取和融合异构数据,支持千亿级节点关系的存储和计算,支持规则匹配、机器学习、图嵌入等图数据挖掘算法,拥有丰富的图数据渲染和展现的可视化方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档