4款開源免費的資料視覺化JavaScript庫

來源:互聯網
上載者:User

&HTTP://www.aliyun.com/zixun/aggregation/37954.html">nbsp;   HTML5中新的圖形元素和JavaScript引發了互動式資料顯示技術的復興。 如今的瀏覽器使用者介面不僅功能豐富、令人賞心悅目,而且還作為資料視覺化的載體,用於顯示柱狀體、氣泡圖和豐富多彩的地圖等。

互動式資料視覺化在很大程度上取決於JavaScript庫的任務能力。 在這篇文章中,我們將看看四個JavaScript庫:D3,InfoVis,Processing.js,和Recline.js。 所有這些庫可以用來裝飾您的網頁與動態資料視覺化,但每個採用不同的方法來提供這種能力。 所有四個都可以免費使用和分發。

D3

D3是一種奇妙的基於JAVAscript的資料視覺化庫,允許您將資料繫結到DOM,然後將資料驅動轉換應用到Document中。 你可以使用它用一個陣列創建基本的HMTL表格,或是利用它的流體過度和交互,用相似的資料創建驚人的SVG橫條圖。

優點

豐富的實例使用標準的DOM物件,容易調試可通過擴展來創建任意資料視覺化可以處理多種資料格式,包括 XML、CSV 和 JSON 等

缺點

D3 非常強大,因此與其他庫相比,學習成本要多一些D3 與早期的 IE 版本不相容需要深入瞭解JavaScript

InfoVis

InfoVis是一個在Web上創建可互動式的資料圖表的JavaScript 庫。 InfoVis有點類似Moo工具,它是一個模組化的物件指向型JavaScript架構,通常這些架構都是高級JavaScript程式師要借助的 仲介。 由於它具有模組化的格式,因此使用者可以使用JavaScript InfoVis保持頁面的簡潔。 它還包括一個動畫效果功能,多種繪圖類型和一個用於操作JSON資料的類。

優點

API很容易理解

缺點

圖表庫不太靈活不如其他工具那樣易於擴展

Processing

Processing.js是一個基於JAVA圖形系統的JavaScript 庫。 它不僅僅提供資料視覺化,還可以實現程式圖像、動畫和互動的應用。

優點

可用於創建動畫很大程度上相容Processing JAVA輕量,易於瞭解掌握

缺點

需要學習Processing language

Recline.js

Recline.js可以説明你使用JAVAscript和html快速地創建基於資料的應用。 Recline.js已經內置支援從、CSV files, Google Docs, ElasticSearch, CouchDB等來載入資料。 並能夠以表格,地圖,時間表等方式來漂亮地展示資料。 展示的方式可以很方便地按自己的需要進行擴展。

優點

線上練習可與其他JavaScript庫整合

缺點

圖表類型有限

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.