学习d3.js进行数据可视化

我想要开始学习如何使用D3.js包进行数据可视化(作为博士学位项目)。 我没有java经验,但我有OOP的背景,因为我主要在python工作。 因此,我想知道学习使用d3的最佳方式以及可以推荐给我的环境是什么。

斯科特·默里的教程是一个伟大的起点: http : //alignedleft.com/tutorials/d3/

关于环境,你可能会觉得这很有用: http : //tributary.io 。 这是一个交互式编码编辑器,旨在帮助您学习D3。

斯科特Murrays网站是一个很好的开始http://alignedleft.com/tutorials/d3/

一旦完成,我可能会build议你看看这个网站http://techslides.com/over-1000-d3-js-examples-and-demos/ ,它列出了1000个d3的例子。 您通常可以复制JavaScript数据和代码,并在本地计算机上随意播放。

你也可以尝试采取这些情节之一,看看你是否可以重build。

我发现这个有用的原因是,你需要能够识别d3抛出的错误。 这是你不知道为什么有一个麻烦的错误的时刻。 通过一个例子,你正在重build你保证自己的代码副本的作品,你可能会更容易纠正自己。

我已经为初学者编写了几个教程来学习Javascript和数据可视化

http://blog.vida.io/2014/06/23/coding-visualization-tutorial-1-variables/ http://blog.vida.io/2014/06/23/coding-visualization-tutorial-2-function/

我发现wiki的前四个教程非常有用,可以学习D3的基本原理

https://github.com/mbostock/d3/wiki/Tutorials

介绍,三个小圈子,join思考,select如何工作。

我的团队运行https://vida.io 。 我们对d3使用模板方法,并允许用户通过GUI编辑器快速创build工作文档,上传新数据,并将数据绑定到文档。 查看示例开始:

https://vida.io/explore

以下是我用来学习d3js的资源列表。 官方网站对于一些新开发Web的人来说可能有些压倒性,所以这里还有一些:

教程

  • 官方D3js网站有一个很好的例子和教程列表在这里
  • 当他们在这里时,广场对D3有很好的介绍
  • Christophe Viau 在这里有一个很好的介绍
  • 杰罗姆·奎基尔(Jerome Cukier)在D3中的“Hello World”中,详细介绍了在这里设置你的环境
  • Scott Murray(alignedleft)解释得很好。 他也是“交互式数据可视化”的作者,我强烈推荐。 这里的教程

参考

  • 你会看到很多不同的D3function,并想知道他们做了什么。 在这里使用官方的API。

我已经经历了许多d3.js教程,发现它们令人困惑。 当一个人对HTML和CSS还不是很熟悉的时候,他们需要更多的细节解释。 这些细节在NRecursions中更好:
第1部分: http : //nrecursions.blogspot.in/2014/11/getting-your-head-around-d3js.html
第二部分: http : //nrecursions.blogspot.in/2014/12/getting-your-head-around-d3js-part2.html