![5515fa5325cd76759adfde45a8472ec2.png](https://i-blog.csdnimg.cn/blog_migrate/b8b27336545290ab96b7179edd109945.jpeg)
代码撸到现在,见了不少的数据可视化解决方案,当然也用了不少,例如Echarts、Vega、AntV、D3、uCharts、Hightchart、Smartbi、DataHunter等等一系列数据可视化解决方案。说不上哪个好?各自有各自的强大之处,今天我就主要说一下AntV,大家来评价一下!
AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。
AntV(G2)的设计出发点是图形。提供图形基本元素不同特征到数据的映射方法。G2对可视化的理解是微观的、拆解的。这使得G2在数据对图形的控制上要更自由,更抽象通用。你会关心颜色要怎么映射到数据大小上,但是你不需要关心这种类型的图表是否允许你这样去做,这意味着你可能会写出各种非常见的图表类型。
![601a89c1197662a6b2ab154b2174b135.png](https://i-blog.csdnimg.cn/blog_migrate/66be13ef4ddfb814f9601fc6eeec80e7.jpeg)
当然AntV系也有提供图表层的封装库G2-Plot。同时,Echarts也开始提供dataset、visualMap等功能。
G2相比echarts,提供了一种更接近声明式的写法,这使得你不需要关心数据的内容,不需要维护一些数据转换的状态,而是直接声明这张图表的组成信息。
echarts在与数据相对解耦的部分,如legend, axis, tooltip等,也可以说是声明式的,但是牵扯到数据的部分就需要显式的维护一些数据状态。如下
series: [{ data: [120, 200, 150, 80, 7, 110, 130], type: 'bar'}]
相比G2更接近声明式的写法:
chart.interval().position('year*sales');
声明式的写法即提供了更简洁的图表开发模式,也提会提供一种更抽象的对图表的描述方式,使得你关注可视化本身,而不是一些琐碎的小任务。但相对而言只有g2做的比较到位,g6这方面仍不够成熟。
衍生产品
![fc3f0c83793fc09543117a2fbafa2271.png](https://i-blog.csdnimg.cn/blog_migrate/e36f5d3d358826990160c0376452b709.jpeg)
1、G2 可视化引擎
G2 一套面向常规统计图表,以数据驱动的高交互可视化图形语法,具有高度的易用性和扩展性。使用 G2,你可以无需关注图表各种繁琐的实现细节,一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。
![1c7c2fb153b176409a87f141123090ed.png](https://i-blog.csdnimg.cn/blog_migrate/db69771c57f002a8f318ffe83740793e.jpeg)
2、G6 图可视化引擎
G6 是一个简单、易用、完备的图可视化引擎,它在高定制能力的基础上,提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。
![776538bb0327540d9aa7fca7db8b11d1.png](https://i-blog.csdnimg.cn/blog_migrate/28b3fb1eab5f399d34876c39aff613a6.jpeg)
3、F2 移动端可视化方案
F2 是一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(Node, 小程序,Weex),完备的图形语法理论,满足你的各种可视化需求,专业的移动设计指引为你带来最佳的移动端图表体验。
![7f2d5fb836738624fa18d58807ffdd2c.png](https://i-blog.csdnimg.cn/blog_migrate/a60d6acc3f2d9fb4714a8bec6fa966e3.jpeg)
4、L7 空间数据可视分析
蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。
![427c7125fd9434eb6b201066654b3e03.png](https://i-blog.csdnimg.cn/blog_migrate/3b3d8aa095b3efc9fa1d869918a63ebf.jpeg)
5、G2Plot 开箱即用的图表库
G2Plot 是开箱即用、易于配置、具有良好视觉和交互体验的通用统计图表库。
![25671a3adb4d716b3f6817edeb32b8f6.png](https://i-blog.csdnimg.cn/blog_migrate/d7a0e7134190dca8332b4ff145f00a5d.jpeg)
6、Graphin 图的分析洞察
Graphin 取名意为 Graph Insight(图的分析洞察),是一个基于 G6 封装的 React 组件库,专注在关系可视分析领域,简单高效,开箱即用。
![b690ecc3727d393e6d976da0c920ba67.png](https://i-blog.csdnimg.cn/blog_migrate/48e6dcdeb3b247234cc1582a0bd09959.jpeg)
7、ChartCube 图表魔方
AntV 在线图表制作工具 拖拽之间快速搞定图表制作
![ebdd6b818796e92479709a1979571fe8.png](https://i-blog.csdnimg.cn/blog_migrate/7a607bd6feaf583702fc0081cb646e9b.jpeg)
AntV 企业级可视化解决方案
AntV 3.0 已全新升级,主要包含 G2、G6、F2、L7 以及一套完整的图表使用和设计规范。如果需要使用的可去官方文档查看,不过文档还是没有eCharts丰富,需认真学习。