数据可视化

参考链接：https://segmentfault.com/a/1190000019934874 (opens new window)

AntV是蚂蚁金服所提供的一套全新的视图可视化图表库

数据可视化需求

目前互联网公司通常有这么几大类的可视化需求：

1. 通用报表

2. 移动端图表

3. 大屏可视化

4. 图编辑&图分析

5. 地理可视化

通用报表需求

开发过程中面临的 85% 以上的需求都是通用报表的需求，可以使用一般的图表库来满足日常的开发需求，

行业内比较常用的图表库有：Highcharts、Echarts、amCharts G2(AntV 基于图形语法的图表库)等

基于 G2 封装的图表库:

1. bizcharts：G2 的 react 封装，主打电商业务图表可视化，沉淀电商业务线的可视化规范。在 React 项目中实现常见图表和自定义图表。

2. viser 阿里数据平台技术部出品，支持 vue, react，angularjs 三个框架。

移动端可视化

F2: 专注于移动端的可视化解决方案，兼容 H5/小程序/Weex 等多端环境

大屏可视化

大屏可视化聚焦于会议展览、业务监控、风险预警、地理信息分析等多种业务的展示，在图形渲染、可视化设计方面都有很高的要求

图编辑&图分析

图可视化主要有两个大的领域：

1. 图编辑：用于图建模（ER图、UML图）、流程图、脑图等，需要用户深入参与关系的创建、编辑和删除的场景

2. 图分析：用于风控、安全、营销场景中的关系发现，对图的一些基本概念进行业务上解读，环、关键链路、连通量等。

目前主流的开源框架有：

1. jointjs 聚焦于图编辑，包含了常见的流程图和BPMN 图的功能，上手容易，开箱即用但是二次开发非常困难。

2. d3.js 非常底层的可视化库，有大量图分析场景的案例，上手成本高，demo 同业务的距离比较大。

3. G6： AntV 在图可视化方向开源的图基础框架，在 G6 的上层还针对图编辑和图分析提供了 G6-Analyzer 和 G6-Editor.

地理可视化

地理数据可视化主要是对空间数据域的可视化，主要有三大领域：

1. 信息图：主要用于展示位置相关的报表，信息图，路径变化等等。

2. 大屏应用：大屏展示一般以地理数据为载体，如建筑，道路，轨迹等数据可视化。

3. 地理分析应用:这类应用往往是海量地理数据的交互分析，用户基于位置的用户推荐，拉新，促活等业务运营系统，或者选址，风险监控等系统。

目前主流的开源框架有：

1. G2 提供通用地理数据图表的支持(AntV)。

2. L7 是更加专业的地理数据可视化解决方案，采用WebGL渲染技术，支持海量地理数据可视化分析，支持多线程运算的矢量瓦片方案。能够满足大屏可视化地理分析应用的需求(AntV)。

3. 高德的 Loca

4. 菜鸟的 鸟图

数据量太大怎么办

我们在前端做的可视化，能做的仅仅是小规模数据的可视化，如果你遇到超大规模数据要进行可视化，那么可以选择：

1. 数据分层

2. 数据聚合

3. 数据抽样