charts : AntV?全新一代数据可视化解决方案


代码撸到现在,见了不少的数据可视化解决方案,当然也用了不少,例如Echarts、Vega、AntV、D3、uCharts、Hightchart、Smartbi、DataHunter等等一系列数据可视化解决方案。说不上哪个好?各自有各自的强大之处,今天我就主要说一下AntV,大家来评价一下!

AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

AntV(G2)的设计出发点是图形。提供图形基本元素不同特征到数据的映射方法。G2对可视化的理解是微观的、拆解的。这使得G2在数据对图形的控制上要更自由,更抽象通用。你会关心颜色要怎么映射到数据大小上,但是你不需要关心这种类型的图表是否允许你这样去做,这意味着你可能会写出各种非常见的图表类型。



当然AntV系也有提供图表层的封装库G2-Plot。同时,Echarts也开始提供dataset、visualMap等功能。

G2相比echarts,提供了一种更接近声明式的写法,这使得你不需要关心数据的内容,不需要维护一些数据转换的状态,而是直接声明这张图表的组成信息。

echarts在与数据相对解耦的部分,如legend, axis, tooltip等,也可以说是声明式的,但是牵扯到数据的部分就需要显式的维护一些数据状态。如下

<code>

series:

[{

data:

[120,

200

,

150

,

80

,

7

,

110

,

130

],

type:

'bar'

}]

/<code>

相比G2更接近声明式的写法:

<code>

chart

.interval

()

.position

(

'year*sales'

);/<code>

声明式的写法即提供了更简洁的图表开发模式,也提会提供一种更抽象的对图表的描述方式,使得你关注可视化本身,而不是一些琐碎的小任务。但相对而言只有g2做的比较到位,g6这方面仍不够成熟。

衍生产品


1、G2 可视化引擎

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



2、G6 图可视化引擎

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



3、F2 移动端可视化方案

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



4、L7 空间数据可视分析

蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。



5、G2Plot 开箱即用的图表库

G2Plot 是开箱即用、易于配置、具有良好视觉和交互体验的通用统计图表库。



6、Graphin 图的分析洞察

Graphin 取名意为 Graph Insight(图的分析洞察),是一个基于 G6 封装的 React 组件库,专注在关系可视分析领域,简单高效,开箱即用。



7、ChartCube 图表魔方

AntV 在线图表制作工具 拖拽之间快速搞定图表制作



AntV 企业级可视化解决方案

AntV 3.0 已全新升级,主要包含 G2、G6、F2、L7 以及一套完整的图表使用和设计规范。如果需要使用的可去官方文档查看,不过文档还是没有eCharts丰富,需认真学习。