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


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

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

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

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


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


当然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这方面仍不够成熟。

衍生产品


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

1、G2 可视化引擎

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


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


2、G6 图可视化引擎

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


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


3、F2 移动端可视化方案

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


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


4、L7 空间数据可视分析

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


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


5、G2Plot 开箱即用的图表库

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


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


6、Graphin 图的分析洞察

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


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


7、ChartCube 图表魔方

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


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


AntV 企业级可视化解决方案

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


分享到:


相關文章: