数据可视化工具调研和选型（转）

柔光的暖阳◎ 2021-12-18 07:17 322阅读 0赞

> 可视化是数据展示的万金油，几乎所有的系统都离不开可视化这块，对可视化的高大尚追求已经超过一般中小企业的能力范畴。这篇文章探讨的是可视化如何做技术选型和调研，希望对你有所帮助。

### 1.本文大纲　　 ###

*  商业智能(BI)工具
    
     *  Tableau：国外软件，适合BI工程师，数据分析师
     *  PowerBI：微软出品，可以和Excel无缝连接
     *  FineBI：中国帆软出品，倾向于企业级应用BI
 *  可视化大屏工具
    
     *  DataV：阿里巴巴出品，双十一数据大屏制作利器
     *  HT：图扑编辑器，支持2D，3D的动画制作，也支持大屏制作
 *  商业报表工具
    
     *  FineReport：帆软出品，商业报表软件
     *  BI和Report的区别
 *  前端可视化组件
    
     *  Canvas
     *  SVG
     *  WebGL

### 2.数据可视化视图包括哪些？ ###

我们常用的可视化视图超过**20 种**，分别包括：文本表、热力图、地图、符号地图、饼图、水平条、堆叠条、并排条、树状图、圆视图、并排圆、线、双线、面积图、双组合、散点图、直方图、盒须图、甘特图、靶心图、气泡图等。

根据使用场景，大概分成9种：

![127185-20190404090433080-1913260780.png][]

比如说，你想呈现某个变量的分布情况，就可以通过直方图的形式来呈现。如果你想要看两个变量之间的相关性及分布情况，可以采用散点图的形式呈现。

### 3.数据可视化工具有哪些？ ###

**3.1初体验**

*  [**FineReport**][FineReport]

![Do7jzkq7JO4uZ4ut.gif][]

*  **PowerBI**

![LsW5Jsh4EzQGc8PP.gif][]

*  [**DataV大屏工具**][DataV]

![gwiNIKyn7CQWvTVB.gif][]

** 3.2商业智能分析**

首先在商业智能分析软件中，最著名的当属 **Tableau 和 PowerBI** 了，另外中国帆软出品的 **FineBI** 也受到国内很多企业的青睐。

Tableau 是国外的商业软件，收费不低。它适合 BI 工程师、数据分析分析师。如果可以熟练掌握 Tableau，那么找到一份数据分析的工作是不难的。

PowerBI 是微软出品的，可以和 Excel 搭配使用，你可以通过 PowerBI 来呈现 Excel 的可视化内容。

在 BI 行业中，Tableau和 PowerBI远超其他 BI产品，处于行业的领导者的位置。

另外 FineBI 是中国的帆软出品，针对国内使用更加友好，同时也**倾向于企业级应用的BI**。

**3.3可视化大屏类**

大屏作为一种视觉效果强、科技感强的技术，被企业老板所青睐，可以很好地展示公司的数据化能力。这里介绍两款可视化大屏的软件 **DataV **和 **FineReport**。

*  [**DataV**][DataV 1]

DataV 是阿里推出的数字大屏技术。它最大的好处，就是可以分享链接，让别人可以在线浏览，不需要像 Tableau 一样安装客户端才能看到数据可视化的结果。另外 DataV 有一些模板，你直接可以使用。

[天猫双十一][DataV]大屏就是用它呈现的。你要做的就是选择相应的控件，配置控件的样式、数据传输和交互效果等。当然 [DataV ][DataV 2]本身有一些免费的模板，你可以直接通过模板来创建。不过一些特殊的控件和交互效果还是需要购买企业版才行。

*  [HT][]

厦门图扑出品，构建先进2D和3D可视化所需要的可视化工具，在建筑设备设施行业的可视化这块具有比较悠久的积累。

**3.4商业报表类**

*  [**FineReport**][FineReport 1]

[FineReport][FineReport 2] 是帆软出品的工具，你可以看出他家的产品基本上都是 Fine 开头的，包括刚才给你介绍的 FineBI。FineReport 可以做**数据大屏**，也可以做**可视化报表**，在很多行业都有解决方案，操作起来也很方便。可以实时连接业务数据，对数据进行展示。

目前**物思科技**就是购买他们的产品，总价9万多（一次性授权，不含升级版本）

*  [**FineReport和FineBI区别**][FineReport_FineBI]

如果把 FineReport 和 FineBI 的最终数据分析结果都比喻为一场盛宴的话，FineReport 可以比喻为一桌经过精心调理和准备的**满汉全席**，而 FineBI 则可以比喻为一场可供用户进行丰富自由选择的**自助餐**；

FineReport 属于报表工具，报表是企业信息化必不可少统计分析工具，主要实现一些企业固定的月报，季报，关键数据的统计分析，旨在统计或者告诉决策者：过去发生了什么，什么正在发生。

FineBI 属于商业智能工具，侧重于数据分析，改变之前传统做表的方式，交互性更好，性能更加强大，旨在将企业中现有的数据转化为知识，帮助企业做出明智的业务经营决策。

![hHKNaEVOVX4dUkQG.png_thumbnail][]

**3.5前端可视化组件**

**　　**H5技术当中包括基于2D的图形技术Canvas、SVG；基于3D技术的WebGL。

Canvas 适用于**位图**，也就是给了你一张白板，需要你自己来画点。Canvas 技术可以绘制比较复杂的动画。不过它是 HTML5 自带的，所以低版本浏览器不支持 Canvas。ECharts 这个可视化组件就是基于 Canvas 实现的。

SVG的中文是可缩放**矢量图**形，它是使用 XML 格式来定义图形的。相当于用点和线来描绘了图形，相比于位图来说文件比较小，而且任意缩放都不会失真。SVG 经常用于图标和图表上。它最大的特点就是支持大部分浏览器，动态交互性实现起来也很方便，比如在 SVG 中插入动画元素等。

**　　**WebGL 是一种 3D 绘图协议，能在网页浏览器中呈现 3D 画面技术，并且可以和用户进行交互。你在网页上看到的很多酷炫的 3D 效果，基本上都是用 WebGL 来渲染的。下面介绍的 Three.js 就是基于 WebGL 框架的。

在了解这些 Web 渲染协议之后，我再来带你看下这些常用的可视化组件： **[Echarts][]、[D3][]、[Three.js][] 和 [AntV][]**。

ECharts 是基于 H5 canvas 的 Javascript 图表库，是百度的开源项目，一直都有更新，使用的人也比较多。它作为一个组件，可以和 DataV进行组合使用。

你可以在 DataV 企业版中接入 ECharts 图表组件。也可以使用 Python 的 Web 框架（比如 Django、Flask）+ECharts 的解决方案。这样可以让你的项目更加灵活地使用到 ECharts 的图表库，不论你是用 Python 语言，还是用 DataV 的工具，都可以享受到 ECharts 丰富的图表库样式。

D3 的全称是 Data-Driven Documents，简单来说，是一个 JavaScript 的函数库，因为文件的后缀名通常为“.js”，所以 D3 也常使用 D3.js 来称呼。它提供了各种简单易用的函数，大大简化了 JavaScript 操作数据的难度。你只需要输入几个简单的数据，就能够转换为各种绚丽的图形。由于它本质上是 JavaScript，所以用 JavaScript 也是可以实现所有功能的。

Three.js，顾名思义，就是 Three+JS 的意思。“Three”表示 3D 的意思，“Three.js”就是使用 JavaScript 来实现 3D 效果。Three.js 是一款 WebGL 框架，封装了大量 WebGL 接口，因为直接用 WebGL API 写 3D 程序太麻烦了。

AntV 是蚂蚁金服出品的一套数据可视化组件，包括了 G2、G6、F2 和 L7 一共 4 个组件。其中 G2 应该是最知名的，它的意思是 The grammar Of Graphics，也就是一套图形语法。它集成了大量的统计工具，而且可以让用户通过简单的语法搭建出多种图表。G6 是一套流程图和关系分析的图表库。F2 适用于移动端的可视化方案。L7 提供了地理空间的数据可视化框架。

原文地址：https://www.cnblogs.com/jackyfei/p/10652880.html

转载于:https://www.cnblogs.com/NetPig/p/10653423.html

[127185-20190404090433080-1913260780.png]: /images/20211218/9eb5db64a9c14c1eae873dc0caa9d4dc.png
[FineReport]: http://src.fanruan.com/web/fr/video/finereportvideo.mp4
[Do7jzkq7JO4uZ4ut.gif]: /images/20211218/dadd1509abad422fabda8fad49d27ea9.png
[LsW5Jsh4EzQGc8PP.gif]: /images/20211218/58740f97ad494b4b92cff463d1b8fa96.png
[DataV]: http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/16513/15481759787711_zh-CN.gif
[gwiNIKyn7CQWvTVB.gif]: /images/20211218/66680e8b37cb4f45be33975c5a6a2d2f.png
[DataV 1]: https://help.aliyun.com/document_detail/57759.html?spm=a2c4g.11186623.6.543.5e21361bQMNKrw
[DataV 2]: http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/16513/15481759797713_zh-CN.gif
[HT]: http://www.hightopo.com/cn-index.html
[FineReport 1]: http://www.finereport.com/
[FineReport 2]: http://bbs.fanruan.com/lesson-816.html
[FineReport_FineBI]: http://help.finereport.com/doc-view-1750.html
[hHKNaEVOVX4dUkQG.png_thumbnail]: /images/20211218/62ee9855f3044f5e8a89b41a7817a024.png
[Echarts]: https://echarts.baidu.com/
[D3]: https://d3js.org/
[Three.js]: https://threejs.org/
[AntV]: https://antv.alipay.com/zh-cn/index.html