數據可視化工具調研和選型

可視化是數據展現的萬金油，幾乎全部的系統都離不開可視化這塊，對可視化的高大尚追求已經超過通常中小企業的能力範疇。這篇文章探討的是可視化如何作技術選型和調研，但願對你有所幫助。

1.本文大綱　　

• 商業智能(BI)工具
  • Tableau：國外軟件，適合BI工程師，數據分析師
  • PowerBI：微軟出品，能夠和Excel無縫鏈接
  • FineBI：中國帆軟出品，傾向於企業級應用BI
• 可視化大屏工具
  • DataV：阿里巴巴出品，雙十一數據大屏製做利器
  • HT：圖撲編輯器，支持2D，3D的動畫製做，也支持大屏製做
• 商業報表工具
  • FineReport：帆軟出品，商業報表軟件
  • BI和Report的區別
• 前端可視化組件
  • Canvas
  • SVG
  • WebGL

2.數據可視化視圖包括哪些？

　　咱們經常使用的可視化視圖超過20 種，分別包括：文本表、熱力圖、地圖、符號地圖、餅圖、水平條、堆疊條、並排條、樹狀圖、圓視圖、並排圓、線、雙線、面積圖、雙組合、散點圖、直方圖、盒須圖、甘特圖、靶心圖、氣泡圖等。

根據使用場景，大概分紅9種：

　　好比說，你想呈現某個變量的分佈狀況，就能夠經過直方圖的形式來呈現。若是你想要看兩個變量之間的相關性及分佈狀況，能夠採用散點圖的形式呈現。

3.數據可視化工具備哪些？

3.1初體驗

• FineReport

• PowerBI

• DataV大屏工具

 3.2商業智能分析

　　首先在商業智能分析軟件中，最著名的當屬 Tableau 和 PowerBI 了，另外中國帆軟出品的 FineBI 也受到國內不少企業的青睞。

　　Tableau 是國外的商業軟件，收費不低。它適合 BI 工程師、數據分析分析師。若是能夠熟練掌握 Tableau，那麼找到一份數據分析的工做是不難的。

　　PowerBI 是微軟出品的，能夠和 Excel 搭配使用，你能夠經過 PowerBI 來呈現 Excel 的可視化內容。

　　在 BI 行業中，Tableau和 PowerBI遠超其餘 BI產品，處於行業的領導者的位置。

　　另外 FineBI 是中國的帆軟出品，針對國內使用更加友好，同時也傾向於企業級應用的BI。

3.3可視化大屏類

　　大屏做爲一種視覺效果強、科技感強的技術，被企業老闆所青睞，能夠很好地展現公司的數據化能力。這裏介紹兩款可視化大屏的軟件 DataV 和 FineReport。

• DataV

　　DataV 是阿里推出的數字大屏技術。它最大的好處，就是能夠分享連接，讓別人能夠在線瀏覽，不須要像 Tableau 同樣安裝客戶端才能看到數據可視化的結果。另外 DataV 有一些模板，你直接可使用。

天貓雙十一大屏就是用它呈現的。你要作的就是選擇相應的控件，配置控件的樣式、數據傳輸和交互效果等。固然 DataV 自己有一些免費的模板，你能夠直接經過模板來建立。不過一些特殊的控件和交互效果仍是須要購買企業版才行。

• HT

　　廈門圖撲出品，構建先進2D和3D可視化所須要的可視化工具，在建築設備設施行業的可視化這塊具備比較悠久的積累。

3.4商業報表類

• FineReport

　　FineReport 是帆軟出品的工具，你能夠看出他家的產品基本上都是 Fine 開頭的，包括剛纔給你介紹的 FineBI。FineReport 能夠作數據大屏，也能夠作可視化報表，在不少行業都有解決方案，操做起來也很方便。能夠實時鏈接業務數據，對數據進行展現。

目前物思科技就是購買他們的產品，總價9萬多（一次性受權，不含升級版本）

• FineReport和FineBI區別

　　若是把 FineReport 和 FineBI 的最終數據分析結果都比喻爲一場盛宴的話，FineReport 能夠比喻爲一桌通過精心調理和準備的滿漢全席，而 FineBI 則能夠比喻爲一場可供用戶進行豐富自由選擇的自助餐；

　　FineReport 屬於報表工具，報表是企業信息化必不可少統計分析工具，主要實現一些企業固定的月報，季報，關鍵數據的統計分析，旨在統計或者告訴決策者：過去發生了什麼，什麼正在發生。 

　　FineBI 屬於商業智能工具，側重於數據分析，改變以前傳統作表的方式，交互性更好，性能更增強大，旨在將企業中現有的數據轉化爲知識，幫助企業作出明智的業務經營決策。

 

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 是螞蟻金服出品的一套數據可視化組件，包括了 G二、G六、F2 和 L7 一共 4 個組件。其中 G2 應該是最知名的，它的意思是 The grammar Of Graphics，也就是一套圖形語法。它集成了大量的統計工具，並且可讓用戶經過簡單的語法搭建出多種圖表。G6 是一套流程圖和關係分析的圖表庫。F2 適用於移動端的可視化方案。L7 提供了地理空間的數據可視化框架。