1. D3

當下談論資料視覺化時，我們是繞不開 D3 的，這是由 Mike Bostock 建立的庫，它已成為在瀏覽器中處理 SVG 向量圖形的主要工具。使用 SVG 時，無論放大多少倍，影象看起來都不會出現明顯的畫素點。D3 允許建立各種高階圖形，如網狀圖、樹狀圖、地圖或氣泡圖，以及常用圖形（如條形圖或散佈圖）。D3 是如此的受歡迎，以至於有許多其它的庫在 D3 的基礎上被創造出來，為人們提供更多“開箱即用”的解決方案，如 NVD3。

D3 是一個將資訊載入到瀏覽器並基於資料元素生成報告的框架，它本身不提供特定型別的影象，而是一種資料視覺化方法。由於 D3 十分靈活，掌握這個庫需要花很多時間，但這一切都是值得的。在

2. PROCESSING

Processing 已經存在好幾年了。它是一款可以下載並安裝在任何平臺上的工具。Processing 使用一個相當簡單的語言，它可以讓你在寫程式碼的同時直接將其視覺化並進行分析（所見即所得）。你不需要掌握 Javascript 就可以開始使用 Processing，因為它有它自己的語言和開發環境，對於某些人來說這可能是一個優勢，而對其他人來說則是一個缺點。作為使用者，您只需寫幾行程式碼並將其放在自己的網站上就可以生成視覺化圖表了。此外，Processing 有一個龐大的使用者社群，這意味著你可以隨時得到幫助。

3. RAPHAEL

Raphael 是一個著重於與不同瀏覽器相容的庫。它也使用 SVG 元素，這些元素是可以任意縮放的，不存在畫素點問題。它具有建立動畫和插入各種元件的功能。事實上，就像 D3 一樣，有許多其它的庫在 Raphael 的基礎上被創造出來，其中最受歡迎的是 morris.js。

4. GOOGLE CHARTS

Google 擁有自己的 HTML5 / SVG 互動式資料視覺化庫，被稱為 Google Charts。它支援多種裝置和瀏覽器，提供的功能範圍從最基本的餅圖和條形圖到更復雜的圖表（如氣泡圖、樹狀圖、時間軸甚至是甘特圖）。其主要特點之一是建立動畫圖形的簡單性，這些動畫圖形隨時間推移而變化。您可以在這裡檢視更多現有的不同視覺化示例：

5. HIGHCHARTS

Highcharts 是最流行的工具之一，它提供各種型別的視覺化圖形，包括地圖。它還提供用於特定用途的其他視覺化工具，譬如顯示財務資料的 Highstock 等。您可以匯出各種格式的圖形，比如 PNG、JPG、SVG 和 PDF。Highcharts 可免費供個人和非商業目的使用，如用於商業目的，您需要購買許可。您可以在這裡看到各種型別的圖表示例。

6. FUSION CHARTS

FusionCharts 是另一種商業資料視覺化解決方案，實際上是最昂貴的解決方案之一。然而，它也是最具靈活性和開箱即用的。它具有用於不同商業用途的大量 dashboards 可供選擇，並且還可以進行高度細化的定製。它支援最新版本的瀏覽器、JSON 和 XML 資料格式，並提供以 PNG、JPEG、SVG 或 PDF 等格式匯出圖形的功能。

7. CHARTS.JS

Chart.js 是一個開源的庫，支援一些簡單的圖表型別：折線圖、條形圖、雷達圖、極座標圖和餅狀圖。這些圖表型別通常能滿足大多數溝通的需要。所有的圖形都以 HTML5 的形式呈現，預設情況下是響應式的，可進行互動。它是一個非常輕量化的庫，其壓縮版本大小隻有 11kb。

8. VIS.JS

Vis.js 是一個支援所有現代瀏覽器的開源庫。它可以讓你建立一些基本圖形，比如條形圖和折線圖；以及一些更復雜的圖形，比如網狀圖，或是一些在其它的庫中不太常見且更為有趣的圖形（比如時間軸和 3D 圖形）。

9. DYGRAPHS

Dygraphs 是一個用 Javascript 進行資料視覺化的開源庫。它有一個特定使用場景，即那些會隨著時間變化的資料，特別是金融資料。它允許您處理密集、緊湊和高容量的資料，並會自動調整縮放比例和時間戳。它還提供互動性（包括移動裝置），即在無需額外設定的情況下就可以拖動、縮放圖形。Dygraphs 是一個非常快速和高度可定製的庫。