本文討論了三種主要的 JavaScript 框架，用于將數據可視化到客戶端。

Processing.js

Processing 既是一種語言又是編程環境，其原生代碼采用類似 Java 的語法。Processing 的用戶調用他們的應用程序草圖，Processing.js 只是將本機代碼轉換為 JavaScript，以便在網頁上呈現它們。

它還有一個 setup() 和 draw() 函數，分別用于初始化應用程序狀態和在畫布元素上繪圖。

這是一種高效且輕松的方式來展示你的網頁。它還為用戶的交互提供了空間，因為它可以接受用戶的輸入;從而使它成為一個非常足智多謀的工具。

Raphael.js

據說Raphael的強項是它能夠輕松繪制。要使用 Raphael，你只需要一個瀏覽器和文本編輯器。Raphael還也允許編碼，你可以為其編寫命令，以便在用戶加載你的網頁時以獨特的方式繪制事物。

Raphael支持：

• 適用于幾乎所有瀏覽器、舊瀏覽器和最有可能出現的瀏覽器。
• 不需要外部插件即可正常運行。
• 是否對移動設備友好。
• Raphael 直接使用瀏覽器的內置圖形語言，稱為可縮放矢量圖形 (SVG)。

然而，Raphael 與舊版瀏覽器兼容的主要原因是它可以很好地與一種稱為矢量標記語言 (VML) 的格式配合使用。Raphael 是純粹的 JavaScript;這意味著它可以與網頁無縫自然地協同工作。

Raphael.js 是一個比 Processing.js 更流行的框架。它在數據可視化社區中也有很多用戶，每當出現任何問題時，總會有人幫助你。它是開源的，肯定會得到改進，Raphael 未來會很流行。所有這些很可能使 Raphael.js 比其他數據可視化框架更具優勢。

Raphael 有一個簡單的學習曲線，幾乎可以立即使用。

D3.js

D3 代表(Data Driven Documents)，顧名思義;為數據可視化目的而精心包裝。它將原始數據集轉換為可視化，并與 Microsoft Excel 無縫協作。與 Raphael.js 一樣，D3 使用 SVG 并將可視化形狀作為 DOM(文檔對象模型)的一部分。這意味著你可以使用級聯樣式表 (CSS) 來設置和設計數據的樣式。

D3.js 基于 HTML、DOM、CSS、SVG 并且還支持 Canvas。 D3 在其上構建了許多其他允許拖放的框架。 D3 是一個很好的長期投資工具，可以創建你自己的庫，然后你可以使用這些庫來加快創建過程。出于數據可視化的目的，與 SVG 最重要的交互是將數據綁定到它們，D3 允許圍繞它們重寫數據包裝器。

就目前而言，D3.js 不僅在許多情況下優于 Raphael.js 和 Processing.js，而且還是 jQuery 和其他框架的可行替代品。基于 D3 構建的工具包括 MetricsGraphics、Epoch、Vega、NVD3 等等。可以使用這些工具來代替從頭開始學習 D3。要開始使用 D3，請訪問 D3 網站并下載最新版本。

在決定使用什么框架進行數據可視化時，你必須知道自己的優先級。