我想开始学习使用该D3.js软件包进行数据可视化（作为我博士期间的副项目）。我没有java经验，但我确实有 OOP 的背景，因为我主要在python. 因此，我想知道学习使用 d3 的最佳方法是什么，以及可以向我推荐哪种环境。
问问题
35599 次
6 回答
37
Scott Murray 的教程是一个很好的起点：http ://alignedleft.com/tutorials/d3/
关于环境，您可能会发现这很有用： http: //tributary.io。这是一个交互式编码编辑器，旨在帮助您学习 d3。
于 2012-08-23T06:11:52.240 回答
22
因为我最近发现了它，所以我建议使用http://phrogz.net/js/d3-playground/以及一个沙箱，在其中试用并了解这些部件如何协同工作。
于 2013-02-28T03:47:08.297 回答
8
Scott Murrays 网站是一个很好的开始http://alignedleft.com/tutorials/d3/。
完成此操作后，我可能会建议您查看此网站http://techslides.com/over-1000-d3-js-examples-and-demos/，它列出了 1000 个 d3 示例。您通常可以复制 javascript 数据和代码并在您自己的计算机上本地使用它。
您也可以尝试使用这些地块之一，看看是否可以重建它。
我发现这很有用的原因是您需要能够识别 d3 向您抛出的错误。正是在你不知道为什么会出现错误的时候才是麻烦的。通过有一个你正在重构的例子，你可以保证你自己有一份可以工作的代码副本，这样你就可以更容易地纠正自己。
于 2013-04-27T16:54:38.203 回答
3
我为初学者编写了一些教程来学习Javascript 和数据可视化：
http://blog.vida.io/2014/06/23/coding-visualization-tutorial-1-variables/ http://blog.vida.io/2014/06/23/coding-visualization-tutorial-2-职能/
我发现 wiki 的前四个教程对于学习D3 基础非常有用：
https://github.com/mbostock/d3/wiki/Tutorials
简介，三个小圆圈，连接思考，选择的工作原理。
我的团队运行https://vida.io。我们对 d3 使用模板方法，允许用户通过 GUI 编辑器快速创建工作文档、上传新数据以及将数据绑定到文档。查看示例以开始使用：
于 2013-09-13T08:12:22.573 回答
2
这是我用来学习 d3js 的资源列表。对于 Web 开发的新手来说，官方网站可能有点让人不知所措，所以这里还有一些：
教程
- 官方 D3js 网站在这里有一个很好的示例和教程列表
- Square 在这里登陆时对 D3 有一个很好的快速介绍
- Christophe Viau在这里有一个很好的一页介绍
- Jerome Cukier 在 D3 中的“Hello World”，详细介绍了如何设置您的环境
- Scott Murray（左对齐）很好地解释了事情。他也是我强烈推荐的“交互式数据可视化”的作者。教程在这里
参考
- 您将看到许多不同的 d3 函数并想知道它们的作用。在此处使用官方 API 。
于 2014-11-12T00:46:41.607 回答
0
我已经阅读了许多 d3.js 教程，发现它们令人困惑。当一个人对 HTML 和 CSS 还不是很熟悉时，他们需要对细节进行更多的解释。这些细节在 NRecursions 中有更好的介绍：第 1部分：http://nrecursions.blogspot.in/2014/11/getting-your-head-around-d3js.html 第2
部分：http
: //nrecursions.blogspot.in/2014/12 /getting-your-head-around-d3js-part2.html
于 2015-01-04T14:28:01.407 回答