Javascript D3.js初学者（noob）：如何从bl.ocks.org/mbostock获得D3示例？

我对JavaScript和D3.js完全陌生。最近几天，我做了一些工作，比如为图形创建适当的json对象，我特别想知道如何运行。任何指向适当链接的方向都是很好的，尽管我更愿意以任何缺少的标签或我需要处理的任何细节的形式得到答案

注意：我必须在本地运行它，而不是在服务器-客户端模型上运行

更新：我已经做了很多次比尔回答的事情，但都没用。所以我再次尝试，并在浏览器中打开控制台以检查是否有任何错误。得到这个：

Failed to load resource:       file://d3js.org/d3.v3.min.js

net::ERR_FILE_NOT_FOUND

index.html:23 Uncaught ReferenceError: d3 is not defined

---

您可以执行以下操作：

去

单击index.html旁边的原始按钮

复制所有内容并将其粘贴到计算机上名为index.html的文件中

返回并单击.json文件旁边的Raw按钮

复制所有内容并将其粘贴到计算机上名为miserables.json的文件中（确保此文件与index.html位于同一文件夹中）

双击index.html，它将在浏览器中打开

---

关键是，您不能使用

file://

（假设人们可以访问您的所有文件…）从javascript访问计算机上的文件

因此，您必须在这里使用

，

地址
对应于服务器的地址（
http://domain.com
或
http://localhost
）或相对路径

例如，您可以在html文件（同一文件夹）旁边下载d3.js，只需键入

希望这有帮助
您可以使用jsfiddle/plunkr或codepen。感谢cyril的建议，另一位朋友向我推荐了这一建议。它也不起作用。仍然显示我在本地运行时得到的空白屏幕。我还尝试使用脚本中声明的自定义JSON对象来避免对该示例中给出的JSON文件的依赖性，不走运…请看这里为您制作了plunk嘿，谢谢，但是我从控制台中发现的错误中意识到了一些东西。由于交叉引用，它给出了错误，即一个文件必须通过http请求导入，另一个文件在本地存在。有办法解决这个问题吗？？我想在我自己的机器上运行它，而不是plunkr。由于本地文件访问，再次感谢。阅读。嘿，查看我在问题中发布的更新。谢谢你的帮助