d3.js – 从Github回购制作Gist来显示bl.ocks.org

我创建了一个数据可视化应用程序,并将其作为 Github page发布.
我现在想在 bl.ocks.org网站上显示这个聚合D3.js可视化的站点.
我如何从github repo开始,并创建维护repo代码的相对依赖性的要点？我需要重构所有的代码,使单个文件应用程序只指向CDN源？

解决方法

这是最容易学到的例子.以bl.ocks主页为例：

http://bl.ocks.org/mbostock/1353700

现在看到生成它的要点,只需从URL的末尾取得id号,并附上它的主要网址,就像这样：

http://gist.github.com/1353700

该要点包含3个文件,但两个是可选的.要显示块的唯一要求是具有index.html.该文件应该包含一个完整的html文件与您的js脚本任何包含cdn资源,如d3.或者,您可以将JavaScript代码放在单独的文件中,并将其添加到要点中,然后从您的index.html文件中链接到该文件.

您还可以添加一个README.md和thumbnail.png,如果您想提供一个示例的描述和一个图像.这也是在bl.ocks主页上解释的.

希望有帮助.