6 個用于數據處理的超強 JavaScript 庫

jopen 12年前發布 | 21K 次閱讀 JavaScript

        大量的單純性的數據往往會令人很乏味,如果能夠將這些數據可視化或者進行分析處理,那么無論從用戶體驗還是可讀性上,都會給瀏覽者一個很棒的體驗。 

        本文為你介紹 6 款非常實用的開源的 JavaScript 庫,你可以將一些數據分析處理、可視化的工作交給它們。 

        1.   Cascading Tree Sheets(CTS) 

6 個用于數據處理的超強 JavaScript 庫

        Cascading Tree Sheets(CTS)旨在幫助開發者簡化復雜的數據報告。你可以在 Web 頁面中輕松嵌入 CTS 部件,來創建地圖、圖表等形式的可視化效果。無需你擁有專業的 JavaScript 知識。 

        特點:谷歌地圖、條形圖、氣泡圖等 6 個 Web 部件,你只需要編寫簡單的 HTML 表格和列表,即可產生強大的在線可視化效果。 

        缺點:可視化選項相當有限。 

        技能要求:初級 

        示例/更多信息:CTS 部件 

        2.   Data-Driven Documents (D3) 

6 個用于數據處理的超強 JavaScript 庫

        該庫可以幫助你將數據綁定到 HTML 文檔中,與 Google Chart Tools 不同的是,D3 提供了大量的數據可視化模板,并且可以自定義,你也可以從頭開始進行創建。 

        特點:有才華的設計師可以創建幾乎所有他們想要的東西。D3 使用 jQuery 和 CSS 選擇器在你的 HTML 文檔中選擇元素,然后轉換它們,比直接使用 JavaScript 更容易。D3 能夠處理多種數據格式,包括 XML、CSV 和 JSON 等,并包含了簡單遍歷數據集的功能。 

        缺點:D3 非常強大,因此與其他庫相比,學習成本要多一些。此外,D3 與早期的 IE 版本不兼容。 

        技能要求:專家級 

        示例/更多信息:D3 教程頁面 

        3.   Dataset 

6 個用于數據處理的超強 JavaScript 庫

        Dataset 號稱“數據轉換/管理庫”,主要用來簡化應用程序內部的數據處理,比如可以從各種來源加載、分析、整理、查詢和操縱數據。 

        特點:Dataset 可以幫助你處理各種任務,比如將數據存儲到 Google Spreadsheet、遠程輪詢實時的數據訂閱。此外,Dataset 還得到了多家知名機構的支持。 

        缺點:功能豐富也意味著你需要多花時間來了解。此外,Dataset 只是一個數據I/O和操作工具,如果要進行進一步復雜的分析和顯示,你還需要其他一些工具。 

        技能要求:高級用戶、專家。 

        示例:tree map of U.K government spendingline chart from remote data 

        更多信息:Tutorials on the Dataset website 

        4.   Leaflet 

6 個用于數據處理的超強 JavaScript 庫

        這是一個用于創建交互式地圖的 JS 庫,輕量但不失強大,對移動端也非常友好。 

        特點:Leaflet 支持 tile 層、地圖標記、彈出窗口、多邊形區域以及用戶交互,支持使用鼠標滾輪變焦,在移動設備上支持多點觸控縮放。整個庫僅有 28K。 

        缺點:Leaflet 作者表示“doesn't try to do everything for everyone”,這意味著功能可能會有些局限。 

        技能要求:專家 

        示例:election result map2012 US Senate Election Results 

        更多信息:Leaflet 教程 

        5.   Searchable Map Template with Google Fusion Tables 

6 個用于數據處理的超強 JavaScript 庫

        該庫在谷歌 Fusion Tables 的基礎上增加了一些搜索和過濾功能。 

        特點:Fusion Tables 是一個不錯的、易于使用的數據可視化工具,你可以很容易地在 Web 應用中添加這些功能。 

        缺點:依賴谷歌的 Maps API 

        技能要求:進階初學者 

        示例:Chicago Public School LocatorFree Bay Area Tax Preparation Locations 

        更多信息:Step-by-step instructions 

        6.   Tabletop 

6 個用于數據處理的超強 JavaScript 庫

        該庫可以幫助你從谷歌的在線電子表格中提取數據。 

        特點:谷歌的在線電子表格允許多人同時更新,通過在 Web 項目中嵌入 Tabletop,你只需點擊一次,即可刷新數據。 

        缺點:依賴于谷歌的服務。 

        技能要求:進階初學者 

        示例:WNYC's mayoral candidate trackerChoose Your Own Adventure plug-in 

        更多信息:Tabletop 官網 

        其他相關庫 

        除了上面介紹的 6 個庫外,還有很多同類型的庫,比如 Google Chart ToolsHighcharts 、JavaScript InfoVis ToolkitExhibit 等。感興趣的開發者可以嘗試一下。        

英文原文:Six useful JavaScript libraries for dealing with data

來自: www.iteye.com
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!