更新时间: 2012-12-30

此教程的目标是

• 简洁
• 突出重点，每一节只讲解一个主题
• 模块化，所以你只需要参考相关的内容
• 完整性，每个主题都有示例代码
• 动态化，按需更新和展开
• 免费，代码随你使用

哲学

这些教程反映的是我自己学习使用D3的过程。你应该已在Mike Bostock的主页了解到D3是一个将数据映射到网页内容的强悍的工具。很多人，包括我自己，开始学习D3时都只有设计/绘图/数据可视化方面的背景，却并不擅长编程和计算机科学。

D3使用了高级JavaScript技术，所以学习D3意味着需要较多的JavaScript知识。事实上，很多搞数据可视化的人是通过D3才开始了解JavaScript的。学习一门新的程序语言本来就不易，更不用说学D3这个基于编程的工具了。然而，D3是会让你大吃一惊的，通过它你可以用JavaScript做很多未曾尝试过的事情。花时间来学习这门语言和工具是完全超值的。

我的目标则是减少你的学习时间，让你更快地迸发创造力。

关于读者

我希望作为读者，你应该具备如下条件

• 熟悉HTML, DOM，和CSS
• 已经有了一点编程经验
• 甚至听说过jQuery，或曾写过一点JavaScript代码
• 不会被CSV，SVG或JSON这些缩写吓倒
• 希望实现有用的交互式可视化

结构

每一个教程章节都包括

• 一个独立的(相关的)代码演示(测试)页面
• 方便拷贝和修改的代码
• 无处不在的注释
• 更新的日期

授权

你可以随意拷贝，使用，修改或重用教程中的示例代码，可用于商用或其它任何目的。不过，对于教程的内容和设计，我保留版权。

免责声明

为了让教程更易于理解，我可能会模糊掉一些技术细节，特别是一些重要的基本概念可能会被简化处理。这会让一些真正的软件工程师们恼火不已，不过没关系，本教程本来就是面向艺术家和设计师的，工程师可以回避。

关于译文

翻译使用的是github的jekyll网页发布工具，源码格式是Markdown。如果有任何问题，可以在issue页面提交问题。