这套前端可视化框架，让数据栩栩如生！

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）、开箱即用、高性能的可视化解决方案。具有完备的图形语法理论，满足你的各种需求，专业的移动设计指引为你带来最佳的移动端图表体验。

G6

有时，G2 和 F2 提供的图表可能并不适合展示具有复杂关系的图，这时我们可以使用 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