除了D3.js自身之外,許多可視化工具包都是基於D3開發的,因此對D3的學習就顯得很重要了,固然若是已經有了Javascript的經驗,學起來也會不費力些。javascript
Github主頁:https://github.com/mbostock/d3/wikihtml
包括D3簡介,案例,教程和公開課,以及以前提到的API參考等。java
Github教程頁面:https://github.com/mbostock/d3/wiki/Tutorialsgit
-·-·-·-·-·-
其餘:
-·-·-·-·-·-github
^^Scott Murray-D3 tutorialsweb
中文翻譯文檔: pkuwwt-D3入門教程:http://pkuwwt.gitcafe.com/d3-tutorial-cn/about.html算法
^^以及一樣來自Scott Murray的書籍:O'reilly出版編程
電子版·Interactive data visualization for the web:http://chimera.labs.oreilly.com/books/1230000000345/index.htmlide
紙質版·中文《數據可視化實戰:使用D3設計交互式圖表》。wordpress
偷偷的放上 Pdf下載·百度雲:(若是有能力,請支持正版。)
做者提供在Github提供了書本案例源碼:https://github.com/alignedleft/d3-book/
除了英文看得略吃力之外,仍是建議結合英文網站學習。
這邊是部分網上的教程:
慕課網上的公開課:《使用D3建立圖表》http://www.imooc.com/view/103
^^Dashing D3.js:https://www.dashingd3js.com/
資源豐富,但部分須要依靠電子郵件獲取,以及購買。包括視頻教程以及一些小練習。固然D3 Tutorial Table of Contents頁面不須要。
^^來自阮一峯的D3教程 :http://javascript.ruanyifeng.com/library/d3.html#
只適合已經掌握了Javascript的學習者。
||另:能夠看看他的JavaScript 標準參考教程(alpha)
^^發現一箇中文博客·數據可視化專題站,D3.js 入門系列~若是是大神的話,我想應該不須要看。本身練習過程當中遇到問題,我以爲看看也沒事。
http://www.ourd3js.com/wordpress/
其實發現D3教程頁面自己提供了不少資源了。也是一些資源的整合。
網上的教程做品(部分是深坑注意鑑別,另外還有華盛頓大學的數據可視化公開課)+視頻+出版物。
對主流可視化項目具有欣賞/批評的能力?
對具備清晰結論的數據可視化之?
對原始數據進行整理分析並可視化之?
Beautiful Visualization (豆瓣),用來開拓眼界:文字雲,維基百科的歷史流,交通圖譜,信息設計,基本的色彩/字體設計,生物醫學上的應用都涉及了……
Visualize This (豆瓣) , flowing data 的博主撰寫的第一本書,從實現層面介紹可視化的做品是如何被完成的,裏面介紹過的技術不少,R,d3,processing,illustrator都有,大可能是flowingdata.com裏面的教程。 (好吧這兩本都有人介紹過了)
Data Points (豆瓣)博主最近出的另外一本書,並無涉及太多的細節,而是更深刻地分析數據是什麼,應如何根據不一樣的場景以不一樣的角度展示數據,抱歉我尚未讀完,基於做者推薦。
花半個月翻完上面任意兩本之後題主應該大體對可視化項目的形式入門了。
我大膽估計題主會本身嘗試去作一點。這時就會迎來一個比較痛苦的學習過程了(假如題主有編程經驗可能沒這麼痛)。假如想學編程,得到本身駕馭可視化做品的能力,建議走processing + d3的路線。
入門級
Getting Started with Processing (豆瓣) processing做者寫的入門書,把2D部分看完就知道怎麼添線添圓圈添字,這就具有作可視化的基本能力了。
D3.js - Data-Driven Documents:使勁看doc吧,d3的設計真是藝術。 Getting Started with D3 (豆瓣)是雞肋書,不要花時間在上面。
進階級1
實踐事後,題主可能會以爲可視化中的各類動畫,碰撞檢測算法什麼的過重要了,因而會想着學一下圖形學相關的算法。
簡單的有 Algorithms for Visual Design Using the Processing Language (豆瓣)
再上一下 OpenProcessing 看看牛人們的算法,能開始解決一些問題了。
想把基礎打得更好的能夠看看計算機圖形學的書。當時老大推薦的是一本經典教材Computer Graphics (豆瓣)。不過這本略顯艱深了。
進階級2
這時有人可能慕名而來找到題主懇請題主來作可視化項目,可是遞到題主手裏的倒是質量不高的原始數據。這時須要學會問本身問題,找到數據的內在聯繫,獲得答案。最艱苦的步驟是這一步。要學的東西太多了,不能一一盡列,用了張圖。除了visualization之外的全部結點,都是這一步的涉及的知識。假如時間的確有限,那就着重補一補統計學的知識,看看R in Action (豆瓣) 關於統計分析和實戰的那幾章(好像是第七章以後吧)。
進階級3
終於,能端到端搞定一個通常規模的可視化項目了,這時題主可能會發現——本身的做品壓根沒有達到本身美感上的預期。因爲沒有設計感的東西拿不出手,因此可能會找到:
《色彩設計的原理》、《設計中的設計》等書一讀,或者再去讀一下《字體傳奇》這類文藝歷史書。邊讀邊發現本身做品中的問題,慢慢地,做品基本到了能看的地步了。
假如取全部對可視化感興趣的人作樣本,到這裏的人應該不會超過0.1%。題主加油!
推銷一下本身的博客 http://fwz.github.io,不按期更新各類數據工程技術和可視化技術相關文章。
本書從研究者的角度,介紹數據可視化的定義、方法、效用和工具,既可做爲初學者的領路手冊,也可用於可視化研究和可視化工具使用的參考指南。