【51CTO.com快譯】無(wú)論來(lái)自哪個(gè)行業(yè)，世界各地的企業(yè)都開(kāi)始越來(lái)越多地意識(shí)到數(shù)據(jù)驅(qū)動(dòng)型決策的重要意義。數(shù)據(jù)分析目前已經(jīng)成為各行各業(yè)最為關(guān)注的議題之一，企業(yè)亦開(kāi)始專注于從數(shù)據(jù)中獲取有價(jià)值洞察結(jié)論，旨在借此了解過(guò)去與未來(lái)的各項(xiàng)趨勢(shì)。

[[183886]]

在另一方面，憑借著卓越的實(shí)際表現(xiàn)與易于上手的學(xué)習(xí)曲線，JavaScript在開(kāi)發(fā)者中獲得了極高人氣。事實(shí)上，多家巨頭級(jí)企業(yè)已經(jīng)在利用這款編程語(yǔ)言進(jìn)行基于Web的數(shù)據(jù)分析工作。Twitter、Facebook乃至領(lǐng)英都在利用基于Java的框架作為其數(shù)據(jù)工程基礎(chǔ)設(shè)施的標(biāo)準(zhǔn)語(yǔ)言選項(xiàng)。

在本文中，我們將共同了解四款出色的JavaScript庫(kù)，其能夠幫助大家更為輕松地完成數(shù)據(jù)分析與可視化工作。

1. Data-Driven-Documents (D3.js)

在討論JavaScript數(shù)據(jù)分析時(shí)忽略掉Data-Driven-Documents (D3)，就如同在談?wù)撐④洉r(shí)忽略掉其操作系統(tǒng)一樣。

Data-Driven-Documents，亦被稱為D3.js，是一套利用DOM對(duì)象實(shí)現(xiàn)數(shù)據(jù)操作的JavaScript庫(kù)。其能夠?qū)⑷我鈹?shù)據(jù)綁定至文檔對(duì)象模型(簡(jiǎn)稱DOM)當(dāng)中，并利用HTML、SVG與CSS渲染將其轉(zhuǎn)化為有意義信息。

D3的核心在于利用由Web標(biāo)準(zhǔn)實(shí)現(xiàn)的靈活性進(jìn)行基于Web的數(shù)據(jù)分析與可視化處理，且可充分利用現(xiàn)代瀏覽器的全部能力而不必綁定至專有框架。它能夠以無(wú)縫化方式將數(shù)據(jù)驅(qū)動(dòng)型方案同DOM操作以及強(qiáng)大的可視化功能加以結(jié)合。

為何出色?

強(qiáng)大的數(shù)據(jù)可視化能力是D3的***優(yōu)勢(shì)。這并不是那種只能支持特定待使用圖表與圖形的整體式框架。事實(shí)上，它甚至不要求用戶使用特定框架，意味著我們可以更為輕松地利用其在HTML之上實(shí)現(xiàn)各類***創(chuàng)意的復(fù)雜且交互式可視化元素。另外，其能夠處理多種輸入數(shù)據(jù)格式，包括XML、CSV與JSON。

2. Aperture JS

Aperture JS是一套強(qiáng)大、敏捷且可擴(kuò)展的JavaScript庫(kù)，用于創(chuàng)建可擴(kuò)展可視化成果以實(shí)現(xiàn)數(shù)據(jù)分析。其擁有***的分層式可視化方案。其***輕量化特性，但同時(shí)又提供多種豐富功能。

Aperture的強(qiáng)大API能夠適應(yīng)任何類型的數(shù)據(jù)源。視覺(jué)映射機(jī)制使其能夠輕松將原始數(shù)據(jù)轉(zhuǎn)換為各類交互式可視形式。輸出結(jié)果可渲染為SVG格式以供網(wǎng)絡(luò)瀏覽器查看。除了兼容一切現(xiàn)代瀏覽器外，其甚至能夠通過(guò)VML渲染支持較早的IE版本(IE 7/8)。

為何出色?

Aperture vizlets(可視化格式)天然適合移動(dòng)瀏覽器，且可輕松嵌入至基于Web的客戶端框架。憑借著這種廣泛兼容性帶來(lái)的擴(kuò)展能力，其能夠提供全交互式用戶體驗(yàn)。

3. InfoVis

JavaScript InfoVis Toolkit，亦被稱為InfoViS，為目前最為出色的交互式數(shù)據(jù)可視化JavaScript庫(kù)之一。這是一款基于DOM的操作庫(kù)，能夠支持多種圖表/圖形類型并包含大量酷炫的動(dòng)畫效果。其支持基于JSON的數(shù)據(jù)源，并可將其加載并顯示為HTML畫板元素。

為何出色?

InfoVis的***優(yōu)勢(shì)在于其獨(dú)特的可視化類型支持能力——除了條形圖、面積圖與餅狀圖外，其還提供更多其它輸出形式。最重要的是，大家無(wú)需高級(jí)腳本知識(shí)或者JavaScript經(jīng)驗(yàn)即可上手使用。通過(guò)其中預(yù)集成的可視化元素，您可以實(shí)現(xiàn)多種高級(jí)功能，例如樹(shù)狀圖、超樹(shù)圖、RGraph、ForceRedirect以及放射狀圖等，而無(wú)需編寫任何代碼。

4. Cytoscape.js

如果大家需要對(duì)關(guān)系數(shù)據(jù)進(jìn)行建模并將其轉(zhuǎn)換為交互式圖形，那么Cytoscope.js絕對(duì)是最理想的選擇。無(wú)論您身為JS新手還是老鳥(niǎo)，都能夠輕松愉快地利用這款強(qiáng)大的腳本化庫(kù)完成交互式可視化結(jié)果的創(chuàng)建。

Cytoscape是一套被廣泛用于圖形數(shù)據(jù)分析與可視化的JS庫(kù)。這款輕量化庫(kù)完全由JS語(yǔ)言編寫而成，允許大家使用豐富的圖形格式顯示并操作數(shù)據(jù)。由于基于開(kāi)源許可(MIT)，其還包含大量與圖論理論算法相關(guān)的實(shí)用函數(shù)——包括BFS與PageRank等等。

為何出色?

除了能夠?qū)﹃P(guān)系數(shù)據(jù)進(jìn)行渲染外，Cytoscape還能夠輕松在Node.js上起飛兒以實(shí)現(xiàn)服務(wù)器端數(shù)據(jù)分析——這意味著其完全可以作為一套完整的數(shù)據(jù)分析與可視化工具包。

由您決定

當(dāng)然，本文提到的還只是眾多相關(guān)選項(xiàng)中的幾種。如果您有志于投身數(shù)據(jù)分析與可視化這一職業(yè)方向，那么不妨從這里入手，逐步完成您的發(fā)展夢(mèng)想。

原文標(biāo)題：4 Useful JavaScript Libraries for Data Analysis and Visualization，原文作者：Jack dson

【51CTO譯稿，合作站點(diǎn)轉(zhuǎn)載請(qǐng)注明原文譯者和出處為51CTO.com】