fbpx

閱讀筆記 – 最佳的資料視覺化工具的完整介紹

文章網址

A Complete Overview of the Best Data Visualization Tools

筆記摘要

如果要手動將數以萬計的資料一點一點的繪製需要許多時間,資料視覺化的工具可以幫助你快速地且精美地完成。
視覺化工具可達成許多目的 : 儀表板、年度報表、銷售與行銷資料、投資人簡報檔案,以及所有馬上需以視覺來表達的資訊需求。

最好的資料視覺化工具共同的特性是什麼 ?

  1. 容易使用 : 有很好的文件和教學,介面設計上讓使用者感到直覺
  2. 處理大量資料集 : 最佳者可以在單一視覺化作業處理多個資料集
  3. 輸出一整系列不同的圖表與地圖 : 輸出的圖表包含互動圖,不過有的視覺化工具在特殊的圖表與地圖非常專精,雖然沒達到多樣性,也被評為最好的工具。
  4. 價格與性能和支援等產品服務價值匹配 : 高價不一定比較不受歡迎,要有同等的支援和性能等產品服務價值匹配,就能評為最好的工具。

12 款資料視覺化工具比較 :

Tableau 、Infogram、ChartBlocks、Datawrapper、D3.js、Google Charts、FusionCharts、Chart.js、Grafana、Chartist.js、Sigmajs、Polymaps
作者比較了這 12 款工具的優缺點與底線,並展現了這些工具做出的視覺圖。 值得你點入原文一一查看。 以下稍微整理優缺點與底線。
1  Tableau
有付費版也有免費版,免費版可供不介意資料公開的人使用。
優點 :
  • 支援上百種資料匯入選擇
  • 畫地圖的能力
  • 有免費版本
  • 有很多視訊教學
缺點 :
  • 付費版價格蠻高的 ( Tableau Creator 每個月 USD70 )
  • 免費板得資料一律要公開
底線 :
  • 對於想要統計圖表外的地圖者,Tableau 是很棒的選擇
  • 對於想要作公開的視覺化資訊者,Tableau 是很棒的選擇
2  Infogram
有完整功能可拖拉視覺化的工具,就算非設計師也能建立有效的資料視覺化,供行銷、社交媒體貼文、儀表板、地圖使用。完成作品可用以下格式輸出 :  PNG、JPG、GIF、PDF、HTML。可以做互動式的視覺化。
優點 :
  • 分級的價格, 包含很基本的免費計畫
  • 包含 35+ 圖表類行與 550+ 地圖類型
  • 拖拉的編輯
  • 提供輸入更多資料來源的 API
缺點 :
較其他應用程式少了許多內建的資料來源
底線 :
  • 對於不是設計師的人 Infogram 是很好的選擇
  • 對於要將視覺化的圖嵌入網站或 APP 的人很適合
3  ChartBlocks
ChartBlocks 宣稱可用其 API 從任何地方未入資料,包含實時的餵入。
優點 :
  • 包含免費與合理的價格
  • 有簡單易用的精靈( wizard )輸入所需的資料
  • 輸出的圖表是響應式的,方便嵌入響應式網站
缺點 :
  • 不知道他們的 API 健不健全
  • 看起來沒有地圖的功能
底線 :
  • ChartBlocks 有很棒的免費計畫
  • 可很簡單地建立基礎的圖表
4  Datawrapper
Datawrapper 特別針對新聞故事製作圖表。 其圖表和地圖是互動的,用來嵌入新聞網頁。資料來源有限制,主要的方法是用拷貝和貼上的方式。一旦資料輸入後,圖表可點一下就產生,能產生的圖表類型包含直列表、橫列表、條形圖、甜甜圈圖、散點圖、地區分佈圖、符號地圖和定位地圖等。許多大報和出版社採用期服務。 免費計畫適合流量不大的小網站,超過一定流量則需每月 USD39。
優點 :
  • 特別為新聞資料做的視覺化工具
  • 免費很適合小網站
  • 工具包含內嵌的色盲檢查員
缺點 :
  • 有限的資料來源
  • 付款的計畫價格比較高
底線 :
  • 很適合新聞的網站
5  D3.js
D3.jsJavaScript 的程式庫( library )做資料操作。
優點 :
  • 很強大且客製化能力強
  • 可做很多種表單類型
  • 專注於 Web 標準
  • 提供給非程式設計師使用的工具( 請參考原文 D3.js 介紹第二段的相關 apps 連結 )
  • 免費且開源
缺點 :
  • 單獨用的話需要程式開發技術
  • 和付費工具相比支援比較少
底線 :
D3.js 只適合有程式開發者支援的一般設計師或會 JavaScript 的程式設計師使用。
6  Google Charts
Google Charts  是強大免費的資料視覺化工具,尤其是在線上建立互動式圖表。它可以處理動態資料且其輸出建基於純 HTML5 和 SVG,可以不需要外掛就能在瀏覽器上呈現。資料來源包含 Google 試算表、Google Fusion Tables、Salesforce 和其他 SQL 資料庫。 其圖表類型包含地圖、 散點圖、直列表和條狀圖、直方圖、面積圖、餅圖、樹圖、時間軸、計量表等。 這些圖表可以簡單地用 CSS 編輯做客製化。
優點 :
  • 免費
  • 提供很多種圖表格式
  • 跨瀏覽器相容(因為是 HTML5/SVG 格式 )
  • 可處理動態資料
缺點 :
除了 Google 提供的教學和討論區,支援很有限
底線 :
  • Google Charts 適合有點程式基礎的人
  • 可用 SQL 資料庫做資料來源讓其很適合做大資料集的視覺化
7  FusionCharts
FusionCharts 是另一個基於 JavaScript 的選擇,用來建立 web 和 mobile 的儀表板。其包含 150+ 圖表類型與 1000+ 地圖類型。它可和流行的 JS 框架( 包含 React、jQuery、Ember 和 Angular ) 與伺服器端的程式設計( 包含 PHP、Java、Django 和 RoR ) 整合。
優點 :
  • 大量地圖表和地圖格式選項
  • 比大多數的視覺化工具有更多功能
  • 可與各種不同的框架和程式語言整合
缺點 :
  • 很貴 ( 從一個開發者授權約 USD500 起跳 )
  • 如果不是想建立儀表板的話,簡單的視覺化用者有點殺雞用牛刀
底線 :
如果你的目的是專案需要做很棒的儀表板,這工具就是你要的
8  Chart.js
Chart.js 是簡單有有彈性的 JavaScript 圖表程式庫( library ),它是開源,提供各種圖表類型( 總共 8 種),並可作動畫與互動。 Chart.js 輸出是 HTML5 Canvas 格式,所以在各種現代的瀏覽器上可很好的呈現, 且是響應式。
優點 :
  • 免費且開源
  • 響應式且跨瀏覽器的輸出格式
缺點 :
  • 與其他工具相比圖表類型相對少很多
  • 官方文件外很少其他支援
底線 :
  • Chart.js 對於想要簡單可客製化互動式覺得設計師是很好的選擇。
9  Grafana
Grafana 是開源的視覺化軟體,可讓使用者建立機動的儀表板和其他視覺化。 它支援混合的資料來源、註釋,能客製化警告功能,且有許多外掛作延伸。 這使得 Grafana 是地表最強大的視覺化工具。 輸出功能讓設計者可分享儀表板的快照並邀請使用者共同合作。 Grafana 經由外掛支援超過 50 種資料來源。 可免費下載使用,或以每個月 USD49 雲端訂閱( 或免費訂閱但有很多限制 )。如果你選擇免費下載, Grafana 也有支援計劃供你選擇。
優點 :
  • 開源,有免費和付費的選擇
  • 資料來源有很多選擇
  • 有很多圖表類型
  • 可很簡單地建立機動的儀表板
  • 支援混合的資料來源
缺點 :
  • 對於想建立簡單視覺化的需求太過龐大
  • 沒有像其他工具那樣提供很多視覺化客製化的選擇
  • 在建立視覺化圖方面不是最好的選項
  • 無法嵌入儀表板到網站上,雖然是可以做雖然是可以做個別面板
底線 :
Grafana 是建立內部使用儀表板最好的選擇,尤其是你要處理混合的大量資料來源。
10  Chartist.js
Chartist.js 是免費、開源的 JavaScript 程式庫( library ),能夠建立簡單響應式的圖表,具備高度的客製化與跨瀏覽器的相容性。
優點 :
  • 免費與開源
  • 檔案很小
  • 圖表可以做動畫
缺點 :
  • 圖表類型的選項不夠廣
  • 無法做地圖
  • 除了開發者社群外支援有限
底線 :
Chartist.js 對於想要用小檔案做簡單、可以嵌入、響應式圖表的設計師非常適合。
11  Sigmajs
Sigmajs 是單一目標的視覺化工具 – 建立網路圖( network graphs )。 可高度客製化,但需要有基本的 JavaScript 知識。 圖可以被嵌入、互動且是響應式的。
優點 :
  • 可高度客製化與延展
  • 免費且開源
  • 可容易地將圖嵌入網站或應用程式
缺點 :
  • 只能建立一種視覺圖 : 網路圖 ( network graphs )
  • 需要 JS 知識才能做客製化與施行
底線 :
由於這工具很專注網路圖,適合會 JavaScript 的設計師應用到只需要做網路圖的專案。
12  Polymaps
Polymaps 是專注於地圖視覺的 JavaScript 程式庫( library ),可輸出各種類型的動態、響應式的地圖,從多層圖像( image overlays )到符號地圖( symbol maps )到密度圖( density maps )。  其採用 SVG 建立圖像,所以設計師用 CSS 就能客製化地圖。
優點 :
  • 免費與開源
  • 特別為地圖製作
  • 很容易嵌入到網站和應用程式中
缺點 :
  • 只能建立一種視覺化
  • 需要會寫 JavaScript
  • 設計師要會寫程式才能做客製化與施行
底線 :
由於這工具很專注地圖,適合會 JavaScript 的設計師應用到只需要做地圖的專案。

總結

最強大的工具不一定是你最好的選擇,建議選擇時要配合既有的技術背景,衡量用一個工具需要的學習曲線、工具背後的支援、工具可接受的資料來源、是否有目前專案需要的圖、適合的輸出格式等。 大多數的視覺化工具都有免費版與測試版,花時間做測試後再做決定。

也許你會有興趣

 歡迎使用 e-mail 訂閱 Soft & Share 

Image by Mudassar Iqbal from Pixabay

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: