最佳數據可視化工具的完整概述

使用大量數據並不總是那麼簡單。 有時，數據集是如此之大，以至於完全不可能從中辨別出任何有用的東西。 這就是數據可視化的用武之地。

創建數據可視化很少是簡單的。 並不是說設計師可以簡單地獲取包含數千個條目的數據集並從頭開始創建可視化。 當然，這是可能的，但谁愿意花費數十或數百小時在散點圖上繪製點？ 這就是數據可視化工具的用武之地。

什麼是數據可視化工具？

數據可視化工具為數據可視化設計人員提供了一種更簡單的方法來創建大型數據集的可視化表示。 在處理包含數十萬或數百萬個數據點的數據集時，自動化創建可視化的過程至少在一定程度上使設計師的工作變得更加容易。

然後，這些數據可視化可用於多種用途：儀表板、年度報告、銷售和營銷材料、投資者幻燈片，以及幾乎任何其他需要立即解釋信息的地方。

最好的數據可視化工具有什麼共同點？

市場上最好的數據可視化工具有一些共同點。 首先是它們的易用性。 有一些非常複雜的應用程序可用於可視化數據。 有些具有出色的文檔和教程，並且以用戶感覺直觀的方式設計。 其他人在這些領域缺乏，將它們從任何“最佳”工具列表中刪除，無論它們的其他功能如何。

最好的工具還可以處理大量數據。 事實上，最好的甚至可以在單個可視化中處理多組數據。

最好的工具還可以輸出一系列不同的圖表、圖形和地圖類型。 下面的大多數工具都可以輸出圖像和交互式圖表。 但是，各種輸出標準也有例外。 一些數據可視化工具專注於特定類型的圖表或地圖並且做得很好。 這些工具在“最好的”工具中也有一席之地。

最後，還有成本方面的考慮。 雖然較高的價格標籤並不一定會取消工具的資格，但較高的價格標籤必須在更好的支持、更好的功能和更好的整體價值方面得到證明。

數據可視化工具比較

有數十種（如果不是數百種）應用程序、工具和腳本可用於創建大型數據集的可視化。 許多都是非常基本的，並且有很多重疊的功能。

但也有一些傑出的產品要么對他們可以創建的可視化類型有更多的能力，要么比現有的其他選項更容易使用。

Tableau（和 Tableau Public）

Tableau 有多種可用選項，包括桌面應用程序、服務器和託管在線版本，以及免費的公共選項。 有數百種數據導入選項可用，從 CSV 文件到 Google Ads 和 Analytics 數據再到 Salesforce 數據。

輸出選項包括多種圖表格式以及映射功能。 這意味著設計師可以創建顏色編碼的地圖，以一種比表格或圖表更容易消化的格式展示重要的地理數據。

任何尋求強大方法來創建可在各種設置中使用的數據可視化的人都可以免費使用公開版的 Tableau。 從記者到政治迷，再到只想量化自己生活數據的人，Tableau Public 有大量潛在用途。 他們有一個廣泛的信息圖表和可視化庫，這些圖表和可視化是用公共版本創建的，為那些有興趣創建自己的人提供靈感。

優點

• 數百個數據導入選項
• 映射能力
• 提供免費的公共版本
• 大量視頻教程指導您了解如何使用 Tableau

缺點

• 非免費版本價格昂貴（Tableau Creator 軟件每月每位用戶 70 美元）
• 公共版本不允許您將數據分析保密

數據可視化示例

底線

對於那些需要創建除其他類型圖表之外的地圖的人來說，Tableau 是一個很好的選擇。 對於想要創建面向公眾的可視化的任何人來說，Tableau Public 也是一個不錯的選擇。

信息圖

Infogram 是一個功能齊全的拖放可視化工具，即使是非設計師也可以為營銷報告、信息圖表、社交媒體帖子、地圖、儀表板等創建有效的數據可視化。

完成的可視化可以導出為多種格式：.PNG、.JPG、.GIF、.PDF 和 .HTML。 交互式可視化也是可能的，非常適合嵌入網站或應用程序。 Infogram 還提供了一個 WordPress 插件，可以讓 WordPress 用戶更輕鬆地嵌入可視化。

優點

• 分層定價，包括具有基本功能的免費計劃
• 包括 35 多種圖表類型和 550 多種地圖類型
• 拖放編輯器
• 用於導入其他數據源的 API

缺點

• 與其他一些應用程序相比，內置數據源顯著減少

例子

底線

Infogram 是非設計師和設計師的絕佳選擇。 拖放編輯器可以輕鬆創建具有專業外觀的設計，而無需大量視覺設計技能。

圖表塊

ChartBlocks 聲稱可以使用他們的 API 從“任何地方”導入數據，包括從實時提要。 雖然他們說“只需點擊幾下”就可以從任何來源導入數據，但它肯定比其他具有針對特定數據源的自動化模塊或擴展的應用程序更複雜。

該應用程序允許對創建的最終可視化進行廣泛定制，圖表構建嚮導可幫助用戶在導入數據之前為其圖表選擇正確的數據。

設計人員幾乎可以創建任何類型的圖表，並且輸出具有響應性——對於希望將圖表嵌入可能在各種設備上查看的網站的數據可視化設計人員來說，這是一個很大的優勢。

優點

• 提供免費且價格合理的付費計劃
• 易於使用的嚮導，用於導入必要的數據

缺點

• 不清楚他們的 API 有多強大
• 似乎沒有任何映射功能

例子

底線

ChartBlocks 有一個很好的免費計劃，這是一個很大的優勢。 創建基本圖表和圖形的易用性也非常出色。

數據包裝器

Datawrapper 是專門為向新聞故事添加圖表和地圖而創建的。 創建的圖表和地圖是交互式的，用於嵌入新聞網站。 但是，他們的數據源有限，主要方法是將數據複製並粘貼到工具中。

導入數據後，只需單擊一下即可創建圖表。 它們的可視化類型包括柱形圖、折線圖和條形圖、選舉圓環圖、面積圖、散點圖、等值線和符號圖以及定位圖等。 完成的可視化讓人想起在紐約時報或波士頓環球報等網站上看到的那些。 事實上，他們的圖表被《瓊斯媽媽》、《財富》和《泰晤士報》等出版物使用。

免費計劃非常適合在流量有限的小型網站上嵌入圖形，但付費計劃價格昂貴，起價為每月 39 美元。

優點

• 專為新聞編輯室數據可視化而設計
• 免費計劃非常適合小型網站
• 工具包括一個內置的色盲檢查器

缺點

• 有限的數據源
• 付費計劃價格昂貴

例子

底線

Datawrapper 是新聞網站數據可視化的絕佳選擇。 儘管價格不菲，但 Datawrapper 包含的用於特定新聞可視化的功能使其物有所值。

D3.js

D3.js 是一個使用數據操作文檔的 JavaScript 庫。 D3.js 至少需要一些 JS 知識，儘管有一些應用程序允許非編程用戶使用該庫。

這些應用程序包括 NVD3，它為 D3.js 提供可重複使用的圖表； Plotly 的 Chart Studio，它還允許設計人員創建 WebGL 和其他圖表； 和 Ember Charts，它也使用 Ember.js 框架。

優點

• 非常強大且可定制
• 可能的大量圖表類型
• 專注於網絡標準
• 可讓非程序員創建可視化的工具
• 免費和開源

缺點

• 需要編程知識才能單獨使用
• 可用的支持少於付費工具

例子

底線

D3.js 僅適用於那些可以向程序員尋求幫助或自己具有編程知識的設計人員。

谷歌圖表

Google Charts 是一個功能強大的免費數據可視化工具，專門用於創建交互式圖表以在線嵌入。 它適用於動態數據，並且輸出完全基於 HTML5 和 SVG，因此它們可以在瀏覽器中工作，而無需使用額外的插件。 數據源包括 Google 電子表格、Google Fusion Tables、Salesforce 和其他 SQL 數據庫。

有多種圖表類型，包括地圖、散點圖、柱形圖和條形圖、直方圖、面積圖、餅圖、樹狀圖、時間線、儀表等等。 這些圖表可以通過簡單的 CSS 編輯完全自定義。

優點

• 自由
• 提供多種圖表格式
• 跨瀏覽器兼容，因為它使用 HTML5/SVG
• 使用動態數據

缺點

• 除了可用的教程和論壇之外，支持有限

例子

底線

如果設計師對編碼有點熟悉並且想要一個強大、免費的解決方案，谷歌圖表是一個很好的選擇。 能夠使用任何 SQL 數據庫作為數據源也使其成為大型數據集的一個不錯的選擇。

融合圖表

FusionCharts 是另一個基於 JavaScript 的選項，用於創建 Web 和移動儀表板。 它包括超過 150 種圖表類型和 1,000 種地圖類型。 它可以與流行的 JS 框架（包括 React、jQuery、React、Ember 和 Angular）以及服務器端編程語言（包括 PHP、Java、Django 和 Ruby on Rails）集成。

FusionCharts 為所有圖表和地圖變體提供了現成的代碼，即使對於編程知識有限的設計人員，也可以更輕鬆地嵌入網站。 因為 FusionCharts 旨在創建儀表板而不僅僅是簡單的數據可視化，它是本文中包含的最昂貴的選項之一。 但它也是最強大的之一。

優點

• 大量圖表和地圖格式選項
• 比大多數其他可視化工具具有更多功能
• 與許多不同的框架和編程語言集成

缺點

• 昂貴（一個開發者許可證起價近 500 美元）
• 在儀表板環境之外進行簡單可視化的矯枉過正

例子

底線

對於創建儀表板，本文中沒有其他內容可以真正與 FusionCharts 相提並論。 如果這是手頭的項目，這無疑是最有力的選擇。

圖表.js

Chart.js 是一個簡單但靈活的 JavaScript 圖表庫。 它是開源的，提供多種圖表類型（共八種），並允許動畫和交互。

Chart.js 使用 HTML5 Canvas 進行輸出，因此它可以在所有現代瀏覽器中很好地呈現圖表。 創建的圖表也是響應式的，因此非常適合創建適合移動設備的可視化。

優點

• 免費和開源
• 響應式和跨瀏覽器兼容的輸出

缺點

• 與其他工具相比，圖表類型非常有限
• 官方文檔之外的有限支持

例子

底線

Chart.js 對於需要簡單、可定制、交互式可視化選項的設計師來說是一個不錯的選擇。 它最大的賣點是它是免費和開源的。

格拉法納

Grafana 是開源可視化軟件，可讓用戶創建動態儀表板和其他可視化。 它支持混合數據源、註釋和可自定義的警報功能，並且可以通過數百個可用插件進行擴展。 這使其成為可用的最強大的可視化工具之一。

導出功能允許設計人員共享儀表板快照並邀請其他用戶進行協作。 Grafana 通過插件支持 50 多個數據源。 它可以免費下載，或者有一個每月 49 美元的雲託管版本。 （還有一個非常有限的免費託管版本。）可下載版本還提供支持計劃，這是許多其他開源工具不提供的。

優點

• 開源，提供免費和付費選項
• 可供選擇的大量數據源
• 提供多種圖表類型
• 使創建動態儀表板變得簡單
• 可以使用混合數據饋送

缺點

• 創建簡單可視化的矯枉過正
• 不提供與其他一些工具一樣多的視覺自定義選項
• 不是創建可視化圖像的最佳選擇
• 無法在網站中嵌入儀表板，但可以用於單個面板

例子

底線

Grafana 是創建供內部使用的儀表板的最佳選擇之一，尤其是對於混合或大型數據源。

Chartist.js

Chartist.js 是一個免費的開源 JavaScript 庫，允許創建高度可定制且跨瀏覽器兼容的簡單響應式圖表。 GZIPped 後整個 JavaScript 庫只有 10KB。 使用 Chartist.js 創建的圖表也可以動畫化，並且插件允許對其進行擴展。

優點

• 免費和開源
• 小文件大小
• 圖表可以動畫化

缺點

• 不是可用的最廣泛的圖表類型選擇
• 沒有映射功能
• 開發者社區之外的有限支持

例子

底線

Chartist.js 對於想要簡單、可嵌入、響應式圖表和小文件大小的設計師來說是一個不錯的選擇。

西格瑪

Sigmajs 是一個用於創建網絡圖的單一用途可視化工具。 它是高度可定制的，但確實需要一些基本的 JavaScript 知識才能使用。 創建的圖表是可嵌入的、交互式的和響應式的。

優點

• 高度可定制和可擴展
• 免費和開源
• 易於在網站和應用程序中嵌入圖表

缺點

• 只創建一種可視化類型：網絡圖
• 需要JS知識來定制和實現

例子

底線

由於它的單一焦點，只要設計者熟悉 JavaScript，Sigmajs 是創建網絡圖的絕佳選擇。

多圖

Polymaps 是一個專門用於映射的 JavaScript 庫。 輸出是各種風格的動態響應地圖，從圖像疊加到符號圖再到密度圖。 它使用 SVG 創建圖像，因此設計人員可以使用 CSS 自定義地圖的視覺效果。

優點

• 免費和開源
• 專為映射而構建
• 易於在網站和應用程序中嵌入地圖

缺點

• 僅創建一種類型的可視化
• 需要一些編碼知識來定制和實現

例子

底線

如果地圖是唯一需要的可視化類型，只要設計者對一些基本編碼感到滿意，Polymaps 是一個不錯的選擇。

結論

可供設計師使用的可視化工具種類繁多，以至於很難決定使用哪一種。 數據可視化設計師應該牢記易用性以及工具是否具有他們需要的功能。

選擇最強大的可用工具並不總是最好的主意：學習曲線可能很陡峭，需要更多資源才能啟動和運行，而更簡單的工具可能能夠在很短的時間內準確地創建所需的東西。 但請記住，該工具只是創建數據可視化等式的一部分； 設計人員還需要考慮如何製作出色的數據可視化。

大多數數據可視化工具都包括免費試用（如果整個工具不是免費的），因此在決定單一解決方案之前，值得花時間嘗試一些。

• • •

進一步閱讀 Toptal 設計博客：

1. 數據可視化——最佳實踐和基礎
2. 從這些數據可視化中獲得靈感
3. 儀表板設計——注意事項和最佳實踐
4. 如果你不使用用戶體驗數據，那就不是用戶體驗設計
5. 數量上的優勢——數據驅動設計概述