ted*_*uss 10 gist d3.js github-pages
我创建了一个数据可视化应用程序并将其发布为Github页面.我现在想在bl.ocks.org网站上显示这个,它聚合了D3.js可视化.我怎样才能从github repo开始创建一个维护repo代码相对依赖关系的要点?我是否需要重构所有代码以制作仅指向CDN源的单文件应用程序?
Jon*_*nah 15
通过示例学习最容易.以bl.ocks主页为例:
http://bl.ocks.org/mbostock/1353700
现在要查看生成它的要点,只需从URL的末尾获取id号并将其附加到gist url,如下所示:
http://gist.github.com/1353700
该要点包含3个文件,但其中两个是可选的.要显示块的唯一要求是使用index.html.该文件应包含您的js脚本的完整html文件,包括cdn资源,如d3.或者,您可以将javascript代码放在单独的文件中,然后将其添加到gist中,然后从index.html文件链接到该文件.
如果您想提供示例的说明及其图像,也可以添加README.md和thumbnail.png.这也在bl.ocks主页上进行了解释.
希望有所帮助.
一旦你有了GIST的例子,你所要做的就是复制扩展名(即"username/hash")并将其放在bl.ocks.org/之后.所以,如果你有这个要点:
https://gist.github.com/mbostock/4063423
Run Code Online (Sandbox Code Playgroud)
可以通过以下URL的bl.ocks查看:
http://bl.ocks.org/mbostock/4063423
Run Code Online (Sandbox Code Playgroud)
在创建要点之后,您不需要做任何额外的工作.