文章網址
A Complete Overview of the Best Data Visualization Tools
筆記摘要
如果要手動將數以萬計的資料一點一點的繪製需要許多時間，資料視覺化的工具可以幫助你快速地且精美地完成。
視覺化工具可達成許多目的 : 儀表板、年度報表、銷售與行銷資料、投資人簡報檔案 ，以及所有馬上需以視覺來表達的資訊需求。最好的資料視覺化工具共同的特性是什麼 ?
- 容易使用 : 有很好的文件和教學，介面設計上讓使用者感到直覺
- 處理大量資料集 : 最佳者可以在單一視覺化作業處理多個資料集
- 輸出一整系列不同的圖表與地圖 : 輸出的圖表包含互動圖，不過有的視覺化工具在特殊的圖表與地圖非常專精，雖然沒達到多樣性，也被評為最好的工具。
- 價格與性能和支援等產品服務價值匹配 : 高價不一定比較不受歡迎，要有同等的支援和性能等產品服務價值匹配，就能評為最好的工具。
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.js 是 JavaScript 的程式庫( 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
發表迴響