隨着商業及其相關需求的發展，數據成為越來越重要的元素之一，為了更加直觀和明顯的展示商業潛在的趨勢和內在的特性，我們需要使用圖表和圖形的方式來直觀動態的展示數據內在秘密，在今天的這篇文章中我們推薦12款最棒的數據可視化的Javascript框架，希望能夠幫助大家在項目中更好的實現數據可視化效果。
ECharts
提起ECharts，經常使用開源軟件的朋友應該很熟悉，當然，如果你不知道也沒關系。但是你肯定知道去年春節以及近期央視大規划報道的百度大數據產品，如百度遷徙、百度司南、百度大數據預測等等，這些產品的數據可視化均是通過ECharts來實現的。
ECharts是一款數據可視化的純JavaScript圖標庫，其擁有混搭圖表、拖拽重計算、制作數據視圖、動態類型切換、圖例開關、數據區域選擇、值域漫游、多維度堆積等非常豐富的功能。
ECharts (Enterprise Charts 商業產品圖表庫)是基於HTML5 Canvas的一個純Javascript圖表庫，提供直觀，生動，可交互，可個性化定制的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫游等特性大大增強了用戶體驗，賦予了用戶對數據進行挖掘、整合的能力。
Dygraphs.js
Dygraphs是一款允許開發人員創建互動圖表的JS類庫。數據越多，圖表功能越強大。也就是說Dyrgaphs是基於視覺化來包含大量的視圖。可以分開的分析和展示數據不同部分，例如指定月份。同時這個類庫兼容主要的瀏覽器，並且支持觸摸，使得它成為一個完整健壯的視覺化框架.
D3.js
最后成為了Protovis.js的繼承者，D3能夠幫助你通過動態更新DOM來創建令人贊嘆的圖形。D3.js使用鏈式方法來創建可視化，並且代碼可重用。因為基於DOM，D3支持w3c的web標准，所以能夠正確的在web瀏覽器中正確的渲染。最后，D3的路徑生成方法（d3.svg.line()），給予了開發人員通過定義不同路徑和屬性來創建實用SVG的方法
InfoVis
infoVis是Javascript infovis toolkit(JIT)，同樣也提供了數據可視化的功能。支持WebGL，infovis被很多的組織例如，Mozilla，Aljazeera認可。和D3框架配合，infovis也提供了鏈式方法來操作DOM，使得它也成為了一個非常可靠的JS類庫。
The Google Visualization API
來自Google developers console(GDC)，google的可視化API。除了非常容易使用的DOM修改，這個Google API使得定義定制的方法非常簡單。而且界面可用性，及其來自GDC的開源網絡支持，使得它也成為了頂級的可視化功能。
Springy.js
Spring.js是一個使用特定算法來實現force-directed graphs的Javascript類庫，在web頁面成類似噴泉樣式的節點。雖然它包含了預先定義的算法，我們仍舊可以傳入一些參數例如，斜率及其減幅。Springy.js由Dennis Hotson開發。
Polymaps.js
使用SVG來生成互動的web地圖，並且兼容瀏覽器。核心是矢量的片段，幫助確保加載速度和縮放功能。雖然可能需要配置組件，Polymaps很容備定制，能夠處理數據為矢量幾何，GeoJSON Files及其其它。
Dimple
Dimple API可以幫助分析師不需要了解太多技術內容而開發強大的數據可視化效果，簡單的說，Dimple是的任何人都能夠開發令人驚嘆的三維圖形效果，不需要掌握任何的JS知識。 而且dimplejs.org包含了幾個超棒的演示，可以很簡單的使用用戶自己數據來生成效果。如果你不希望了解太深入的JS效果的話，這些例子是你開始使用的必備工具
Sigma.js
如果你需要開發高級特性的線型圖，Sigma.js在它的類庫和插件中提供了一個超棒的互動設置。使用Sigma.js感覺就想使用一個可靠地類庫。然而，Sigma鼓勵開發人員去重新的配置類庫創建插件，這樣導致了大量的開源。 Sigma讓人使用非常的舒服，是我個人比較喜歡的用來創建圖形效果的Javascript類庫
Raphael.js
Raphael.js類庫專注於瀏覽器的兼容性。 這個框架遵循了SVG W3C推薦，使用一套標准來保證圖片完全縮放並且沒有像素損失。除了使用SVG，Rapheal.js在IE9之前使用Vector Model Language（VML）。雖然VML不在廣泛使用，這個支持使得Raphael.js擁有最好的兼容性。
gRaphaël
雖然Raphael.js是一個用來創建SVG的類庫，它並不是用來處理大量數據集的。相反gRaphaë是用來處理這樣類型數據的。對於一個10KB數據，gRaphaël被證明是一個非常不錯的Raphael擴展。雖然它沒有使用forece-driven算法來開發，也沒有包含任何物理屬性，gRaphaël仍舊是一個在跨SVG結構兼容解決方案中非常值得尊重的類庫，而且使用簡單。只要對於項目來說它合適，就應該作為完整項目中的一個可行的資源來看待。
Leaflet
無論開發智能手機，平板或者桌面，Leaflet的Javascript類庫絕對是一個互動類庫中排名比較高的。 以下是幾點原因：由MapBox的創世人Vladimir Agafonkin所領導，整個團隊嘗試開發簡單，高性能，高用戶體驗的類庫。Leaflet通過vector tiles分享渲染SVG的能力。
然而，只有leaflet支持Retina顯示。而且能夠解析數據形式例如，GeoJSON。
Ember Charts
如果你使用Ember.js，那么來自Addepar Open Source的開發人員創建了一些附屬組件來擴展ember的體驗：
Ember table，Ember Widget和Ember圖表。它使用Ember.js和D3.js來實現，包含了扁平化設計屬性。包含了一系列的實用的選項，例如，顏色和尺寸，是的非常簡單實現一些令人印象深刻的視覺效果。
總結
如果你也有一些沒有包含到此篇文章中的Javascript類庫，請給我們留言。目前的大數據趨勢使得數據可視化成為未來大家所推崇的一種互動展示模式。如果你早一些了解或者掌握相信對於你未來將會非常有幫助！
End.
轉載請注明來自36大數據（36dsj.com)：36大數據 » 13個可實現超棒數據可視化效果的Javascript框架