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

我想开始学习使用

D3.js

包进行数据可视化（作为我博士学位的附带项目）。我没有

java

-经验，但我有面向对象编程的背景，因为我主要在

python

中工作。因此，我想知道学习使用d3的最佳方法是什么，人们可以推荐我使用哪种环境。

Scott Murray的教程是一个很好的起点：

---

关于环境，您可能会发现这很有用：。这是一个交互式编码编辑器，旨在帮助您学习d3。

因为我最近发现了它，我建议您也使用它作为一个沙盒，在其中试用并学习这些片段如何协同工作。

Scott Murrays网站是一个良好的开端

一旦这样做了，我可能会建议你看看这个网站，它列出了1000个d3的例子。您通常可以复制javascript数据和代码，并在您自己的计算机上本地使用它

你也可以试着从这些图中选择一个，看看是否可以重建它

---

我发现这很有用的原因是，您需要能够识别d3向您抛出的错误。正是在这些时刻，你不知道为什么会出现令人烦恼的错误。通过有一个你正在重建的例子，你可以保证你自己有一个代码副本，这样你就可以更容易地修正你自己

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

我发现wiki的前四篇教程对于学习D3基础知识非常有用：

引言，三个小圆圈，用连接思考，选择如何工作

我的队伍在跑步。我们在d3中使用模板方法，允许用户快速创建工作文档，上传新数据，并通过GUI编辑器将数据绑定到文档。查看示例以开始：

---

以下是我用来学习d3js的资源列表。对于刚接触web开发的人来说，官方网站可能会有点势不可挡，因此这里还有一些：

教程

• D3js官方网站有一个很好的例子和教程列表
• 当他们上船时，Square有一个很棒的D3快速介绍
• 克里斯托弗·维奥有一页很好的介绍
• Jerome Cukier在D3中的“Hello World”，详细介绍了如何设置可用环境
• 斯科特·默里（左对齐）解释得很好。他也是“交互式数据可视化”的作者，我极力推荐他。辅导

参考

• 您将看到许多不同的d3函数，并想知道它们是做什么的。使用官方API

---

我浏览了许多d3.js教程，发现它们令人困惑。当一个人还不太熟悉HTML和CSS时，他们需要对细节进行更多的解释。这些细节最好在nRecursion中呈现：
第1部分：

---

第二部分：

要学习

D3.js

你可以从官方网站开始。至于IDE，有很多，只要选择一个让你感到舒服的。我用于开发和快速编辑。另外，

Java

与

Javascript

没有任何关系。正如@Adnan指出的，Java和Javascript是不一样的。请将问题转移到-虽然它与D3有关，但实际上并不是关于你想要解决的某个bug/功能，而是关于如何接近D3。。。在这种情况下，总是建议搬到我认为有用的地方。除了他们的商业偏差和拖沓，这是一个为关注焦点的新手准备的格式良好的版本。是的，请将Java更改为JavaScript。这就像把火腿比作仓鼠。我无法让那个网站工作。我确信这是因为您一开始就假设您将使用SVG。。。？我不知道。。。但我花了30-45分钟，却迷路了。。。我正试图把我的头绕在D3上，盲目地绊倒…@听到这个消息我很难过。没有为您加载此网站吗？我肯定会鼓励你尝试一下，斯科特的材料很棒。斯科特的网站很棒。我能（几乎）理解他写的东西。但我正在努力创造时间线。我找不到任何直接的时间轴D3教程。所有东西都希望在时间轴上使用X和Y。我想在一个特定事件的时间线上画一个点，但我找不到一个例子。我购买了一些教程视频、书籍等。也许我需要从我的时间线思维中退一步，熟悉“其他”D3概念，然后回到时间。。。我不知道。谢谢你的评论。