习·D3.js 学习资源汇总

除了D3.js自身以外,许多可视化工具包都是基于D3开发的,所以对D3的学习就显得很重要了,当然如果已经有了Javascript的经验,学起来也会不费力些。

Github主页:https://github.com/mbostock/d3/wiki

包括D3简介,案例,教程和公开课,以及之前提到的API参考等。

Github教程页面:https://github.com/mbostock/d3/wiki/Tutorials

-·-·-·-·-·-
其他:
-·-·-·-·-·-

^^Scott Murray-D3 tutorials

中文翻译文档: 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.html

纸质版·中文《数据可视化实战:使用D3设计交互式图表》

偷偷的放上 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教程页面本身提供了很多资源了。也是一些资源的整合。

网上的教程作品(部分是深坑注意鉴别,另外还有华盛顿大学的数据可视化公开课)+视频+出版物。

个人感觉国内可能还比较少,可以看下Julie Steele的数据可视化之美 (豆瓣),里面有一些经典案例的介绍,可作入门;
另外向怡宁翻译的鲜活的数据 (豆瓣)也值得一看,关键是介绍了数据可视化处理的具体过程,而且向怡宁翻译的书一向通俗易懂,他翻译的有关交互设计的就这么简单 (豆瓣)其实也是一本和信息设计有关系的书籍,行文风趣,作为入门比较合适。
另外涂子沛的大数据 (豆瓣)也值得一看,虽然这里介绍的主要是时代发展和大背景,但也有一章专门涉及数据可视化处理。

2013年6月时,浙大的陈为老师出了本数据可视化的教材,算是在国内第一本数据可视化教材,并系统地把数据可视化相关都做了梳理,看到有人也提到了这全彩略贵的书,数据可视化 (豆瓣);如果嫌贵,可以买这本教材:数据可视化的基本原理与方法 (豆瓣),都是陈为的书,内容基本一样,入门是够了。

国外的能推荐的多些,
Edward Tufte不用说了,有人说他的书是“信息设计的圣经”,他的The Visual Display of Quantitative Information (豆瓣)应该是入门必看了,公认的开山之作。不过目前还没有中译本,看完基本上可以了解数据可视化的前世今生了;
他还有一个华人学生,在美国报社工作,专门负责数据图表的设计制作,也出了一本相关的书,很棒,Dona M.Wong,她写的书现在已经有中译本了:最简单的图形与最复杂的信息 (豆瓣) 主要侧重于对数据图表的修饰、完善,讲解了一些处理数据图表的基本原则,实操性很强。
Edward R.Tufte的其他书:
Visual Explanations (豆瓣)Beautiful Evidence (豆瓣) 都可以在网上找到pdf全本。
另外除了书,还推荐一个国外老头:Hans Rosling,他是瑞典卡罗琳学院全球公共卫生教授,有关他利用数据可视化显示200多个国家200年来的人均寿命和经济发展的ted视频非常火,真是数据可视化的魅力,他的其他视频也很棒(TED | Search),本人非常幽默,由他主持的BBC纪录片[BBC:统计学的快乐]也值得一看,这些都是初步了解数据可视化的好材料。

总之,个人感觉数据可视化除了具有优秀的美术功底外,统计学知识也是重要部分,毕竟数据的展现和设计都是建立在对数据的获取、清洗、处理、挖掘的基础上的。

 
 
作者:文中
链接:https://www.zhihu.com/question/19710815/answer/19266137
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

对主流可视化项目具备欣赏/批评的能力?

对具有清晰结论的数据可视化之?

对原始数据进行整理分析并可视化之?

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 (豆瓣) 关于统计分析和实战的那几章(好像是第七章之后吧)。

<img src="https://pic3.zhimg.com/a5315b5cd129ee30511c589626e3ca6e_b.jpg" data-rawwidth="1550" data-rawheight="1258" class="origin_image zh-lightbox-thumb" width="1550" data-original="https://pic3.zhimg.com/a5315b5cd129ee30511c589626e3ca6e_r.jpg">

进阶级3

终于,能端到端搞定一个一般规模的可视化项目了,这时题主可能会发现——自己的作品压根没有达到自己美感上的预期。由于没有设计感的东西拿不出手,所以可能会找到:

《色彩设计的原理》、《设计中的设计》等书一读,或者再去读一下《字体传奇》这类文艺历史书。边读边发现自己作品中的问题,慢慢地,作品基本到了能看的地步了。

假如取所有对可视化感兴趣的人做样本,到这里的人应该不会超过0.1%。题主加油!

推销一下自己的博客 http://fwz.github.io,不定期更新各种数据工程技术和可视化技术相关文章。

 
本人之前并没有多少开发的经验,想问一下楼主,processing和D3是如何结合在一起的?
 
作者:WDan
链接:https://www.zhihu.com/question/19710815/answer/74278577
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

中文教材的话ZJU陈为老师的数据可视化 (豆瓣)还不错

英文教材选择就比较多了:

入门可以看The Functional Art (豆瓣)Design for Information (豆瓣),相对比较简单。

Tufte的The Visual Display of Quantitative Information (豆瓣)Envisioning Information (豆瓣)都比较经典了,不过内容有点旧(Twitter他timeline上那四本书一直刷屏...)。另外Semiology of Graphics (豆瓣)也很经典。

如果想侧重看关于perception的东西, Colin Ware的Visual Thinking (豆瓣)Information Visualization, Third Edition (豆瓣)这两本内容差不多。

如果是关于可视化研究,Tamara Munzner去年刚刚出版的Visualization Analysis & Design (豆瓣)最近被好几个国外可视化课程列为教材。Interactive Data Visualization: Foundations, Techniques, and Applications (豆瓣)也可以。

编程的方面话大家逐渐都开始从Processing或者Prefuse转到D3了,教材的话Interactive Data Visualization for the Web (豆瓣)还不错,不过个人感觉网上看看作者的Gallery (Gallery · mbostock/d3 Wiki · GitHub)和各种在线教程(比如D3 Tutorial Table of Contents)一般也够了。

另外PKU和ZJU的可视化小组博客都有经常更新: PKU Visualization Blog, vag - 浙江大学可视分析小组博客, 友情推荐。

最后打一下自己组里微博的广告: 香港科技大学VIS_Lab的微博, 欢迎喜欢数据可视化的同学关注!

 
推荐《鲜活的数据》一书,可参见豆瓣评论鲜活的数据 (豆瓣)
 
edward tufte看书看经典,学人学神经
 
浙大陈为教授有出一本书,全彩页的,略贵,讲数据可视化的入门知识:数据可视化 (豆瓣)
浙大可视化小组的博客也有不少干货:vag - 浙江大学可视分析小组博客
一个中文的数据可视化社区:首页 - DataVlab.org
另外推荐一个可视化的网站,有很多可视化作品,定期举办可视化项目的比赛:Data Visualizations, Challenges, Community

国内有款可视化工具-数说立方
http://cube.datastory.com.cn

 
《数据可视化》《视觉繁美》
 
可视化书籍:《数据可视化》《视觉繁美》等
可视化工具:BDP个人版等
可视化数据 (豆瓣) http://me.lt/0K47l
数据可视化 (豆瓣)

本书从研究者的角度,介绍数据可视化的定义、方法、效用和工具,既可作为初学者的领路手册,也可用于可视化研究和可视化工具使用的参考指南。

数据可视化的优秀入门书籍有哪些,D3.js 学习资源汇总的更多相关文章

  1. D3.js学习笔记(六)——SVG基础图形和D3.js

    目标 在这一章,我们将会重温SVG图形,学习如何使用D3.js来创建这些图形. 这里会包括前面例子中的SVG基础图形以及如何使用D3.js设置图形的属性. 使用D3.js画一个SVG 的 圆 circ ...

  2. d3.js学习笔记(五)——将数据结构化为D3.js可处理的

    目标 在这一章,你将会理解如何对数据进行结构化,来更好的使用D3.js. 我们将会回顾我们之前已经学习的,学习D3.js如何使用选集(selections),JavaScript对象基础,以及如何最优 ...

  3. 1.前端数据可视化插件:Highcharts、Echarts和D3(区别)

    前端数据可视化插件有很多,但我用过的只有Highcharts(https://www.hcharts.cn/).Echarts(http://echarts.baidu.com/)和D3(https: ...

  4. D3.js学习笔记(三)——创建基于数据的SVG元素

    目标 在这一章,你将会使用D3.js,基于我们的数据来把SVG元素添加到网页中.这一过程包括:把数据绑定到元素上,然后在使用这些元素来可视化我们的数据. 注意:不同于前几章,我们从一个完整的代码开始, ...

  5. D3.js学习笔记(二)——使用绑定在DOM上的数据

    简单例子 在这个例子中,你将会使用D3.js来将数据绑定到DOM元素上.然后再使用D3.js利用绑定到DOM元素上的数据来更新网页. 在上一章中,我们以下面这个页面作为开始的: <!DOCTYP ...

  6. 数据可视化之powerBI入门(八)PowerQuery学习:认识M函数

    https://zhuanlan.zhihu.com/p/64148928 前面我们学习PQ的时候都是用鼠标操作,虽然通过这些操作能完成大部分的数据处理,但是毕竟还有些复杂的工作是处理不了的,如果想彻 ...

  7. D3.js学习记录

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. D3.js学习记录【转】【新】

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. D3.js学习笔记(四)—— 使用SVG坐标空间

    目标 在这一章,你将要使用D3.js基于一些数据把SVG元素添加到你想要的坐标位置上. 我们的目标就是使用下面的数据集: var spaceCircles = [30,70,110]; 并使用D3.j ...

随机推荐

  1. PERL 实现微信登录

    get 请求: https://login.weixin.qq.com/jslogin? appid=wx782c26e4c19acffb &redirect_uri=https%3A%2F% ...

  2. structs2使用小结2

    回顾之前做过类似structs2的知识点总结 Structs2历史.处理流程及与1.0版本的区别 Structs2配置文件.拦截器.校验等 EL表达式在JS中使用 ${}El表达式不能直接在单独JS文 ...

  3. Sql Server 2005的1433端口打开和进行远程连接

    参考地址:http://topic.csdn.net/u/20090828/16/e693935a-99b7-4090-a6bc-0123c91183eb.html 1.如何打开sql server  ...

  4. hdu2059 龟兔赛跑

    hdu2059 龟兔赛跑 动态规划 题目描述: Problem Description 据说在很久很久以前,可怜的兔子经历了人生中最大的打击——赛跑输给乌龟后,心中郁闷,发誓要报仇雪恨,于是躲进了杭州 ...

  5. IDX爱定客 | 氪加

    IDX爱定客 | 氪加 个性化定制鞋网站,在线定制只需三分钟

  6. 游标的使用实例(Sqlserver版本)

    游标,如果是之前给我说这个概念,我的脑子有二个想法:1.你牛:2.我不会 不会不是理由,更不是借口,于是便要学习,本人属性喜欢看代码,不喜欢看书的人,所以嘛,文字对我没有吸引力:闲话少说啊,给大家提供 ...

  7. Ajax_post发送

    $('#img_file_del_3').click(function() { var data={name:$('#img_file_del_3').attr('name')}; var url=' ...

  8. iTunes 重新提交代码步骤

    1.选择View Details 2.右侧Links-Binary Details选项 3.Reject This Binary

  9. Android窗口管理服务WindowManagerService对壁纸窗口(Wallpaper Window)的管理分析

    文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/8550820 Android系统中,壁纸窗口和输 ...

  10. IoC容器Autofac之实例优化(三)

    回顾之前的代码 //这个类的作用是筛选出MPG类型的电影 public class MPGMovieLister { public Movie[] GetMPG() { var finder = Mo ...