點擊評價 | 建站常用軟件 | 獲取解壓密碼 青龍建站教程自學網專注于搜集有價值的建站視頻教程,免費分享給小伙伴們!更多課程熬夜整理中~~~
熱門搜索:微信二次開發 Bootstrap IOS開發 織夢仿站 手機網站制作 HTML5 Android開發 PHP教程

JS教程

當前位置:主頁 > JS教程 >

WEB數據可視化工具基礎教程列表

教程大小:   來源:網絡
WEB數據可視化教程
(上圖為d3.js的QQ群關系展示)
青龍本想全部收集系列視頻教程,奈何木有啊。下面主要是幾種工具入門圖文教程,幫助大家初步了解WEB數據可視化技術。
數據可視化,是關于數據視覺表現形式的科學技術研究。其中,這種數據的視覺表現形式被定義為,一種以某種概要形式抽提出來的信息,包括相應信息單位的各種屬性和變量。
它是一個處于不斷演變之中的概念,其邊界在不斷地擴大。主要指的是技術上較為高級的技術方法,而這些技術方法允許利用圖形、圖像處理、計算機視覺以及用戶界面,通過表達、建模以及對立體、表面、屬性以及動畫的顯示,對數據加以可視化解釋。與立體建模之類的特殊技術方法相比,數據可視化所涵蓋的技術方法要廣泛得多。
-------------
D3.js
D3.js是一個近年來推出的基于javascript的數據展示庫,全稱為Data Driven Document, 在瀏覽器數據展示領域的地位類似于通用js框架里的jQuery。d3.js的官網是d3js.org,大家可以在上面看到很多例子和應用。d3.js也是圖形數據庫neo4j所內置的數據展示工具。
與其他js實現制圖的方式不同,D3是一個對數據的操作的API.它將數據和網頁SVG綁在了一起,當你的數據發生變化時,圖表會同步更新。比如一個數據數組和SVG柱狀圖中相應y坐標綁定,如果這個數組的元素設為隨機變量,定時變化,那么你看到的柱狀圖也會是不斷變化的動態圖效果。除此之外,他可以接受海量數據的可視化顯示和動態更新。D3的靈活性很高,它的隨意綁定數據和元素,以及漂亮的可動性效果展示一定會讓你大吃一驚。
D3.js飛速入門視頻教程
老師:呂之華 《精通D3.js:交互式數據可視化高級編程》作者
書籍京東地址:http://item.jd.com/11757441.html
主頁:http://www.ourd3js.com/wordpress/
1. 第一個D3程序
2. 制作柱形圖
3. 為柱形圖添加坐標軸
4. 用生成器制作折線圖
5. 有動態效果的散點圖
6. 布局的簡單應用
百度網盤下載:http://pan.baidu.com/s/1geZG9rX
-------------
Google Chart API
Google Chart API工具從簡單的折線圖到復雜的分級樹形圖,他的圖表庫里提供了海量的模版可供選擇。但Google Chart有個大問題:圖表在客戶端生成,這意味著那些不支持JavaScript的設備將無法使用,此外也無法離線使用或者將結果另存其他格式。盡管存在上述問題,不可否認的是Google Chart API的功能異常豐富,如果沒有特別的定制化需要,或者對Google視覺風格的抵觸,那么你大可以從Google Chart開始。
Google Chart API 參考 英文原版
https://developers.google.com/chart/?csw=1
Google Chart API 參考 中文版
http://labs.cloudream.name/google/chart/api.html
http://www.haijd.net/archive/computer/google/google_chart_api/api.html
-------------
FushionCharts
FusionCharts Suite XT不僅可以為帶給你漂亮的圖表,還能幫你制作出生動的動畫、巧妙的設計和豐富的交互性。它在PC端、Mac、iPad、iPhone和Android平臺都可兼容,具有很好的用戶體驗一致性,同時也適用于所有的網頁和移動應用,甚至包括IE6、7、8這些絕大部分插件都不支持的主兒。在這軟件里,創建你的首幅圖表也只需要15分鐘。
FusionCharts簡單教程 圖文教程
老師:chenssy CSDN博客專家
教程地址:http://blog.csdn.net/chenssy/article/details/9773797
-------------
ECharts
ECharts,由百度推出,縮寫來自Enterprise Charts,商業級數據圖表,一個純Javascript的圖表庫,可以流暢的運行在PC和移動設備上,兼容當前絕大部分瀏覽器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底層依賴輕量級的Canvas類庫ZRender,提供直觀,生動,可交互,可高度個性化定制的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫游等特性大大增強了用戶體驗,賦予了用戶對數據進行挖掘、整合的能力。
5分鐘上手寫ECharts的第一個圖表
http://echarts.baidu.com/echarts2/doc/start.html
http://echarts.baidu.com/echarts2/doc/doc.html
-------------
Paper.js
Paper.js是一個開源的向量圖形腳本框架,基于 HTML5 Canvas 開發。提供清晰的場景圖、DOM和大量強大的功能用來創建各種向量圖和貝塞爾曲線。
如何用Paper.js制作網頁動畫(找到的唯一的中文教程)
http://blog.jobbole.com/8295/
官網tutorials 英文(貌似還沒人翻譯,做IT還是學好英文吧)
http://paperjs.org/tutorials/
官網炫酷實例
http://paperjs.org/examples/
立即下載此教程
點擊此處免費獲取本教程解壓密碼

本文版權歸原作者所有,轉載請注明原文來源出處,青龍建站教程自學網感謝您的支持!

本文鏈接:http://www.dwxudc.live/js/571.html

体彩龙江6十1开走势图