10

我创建了一个数据可视化应用程序并将其发布为Github 页面。我现在想在聚合 D3.js 可视化的bl.ocks.org站点上显示它。如何从 github repo 开始并创建一个维护 repo 代码的相对依赖关系的 gist?我是否需要重构所有代码以制作仅指向 CDN 源的单文件应用程序?

4

2 回答 2

15

通过示例学习是最容易的。以 bl.ocks 主页为例:

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

现在要查看生成它的 gist,只需从 url 末尾获取 id 号并将其附加到 gist url,如下所示:

http://gist.github.com/1353700

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

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

希望有帮助。

于 2013-05-30T21:02:32.700 回答
7

一旦你有了 GIST 上的示例,你所要做的就是复制扩展名(即“用户名/哈希”)并将其放在 bl.ocks.org/ 之后。所以,如果你这个要点:

https://gist.github.com/mbostock/4063423

可以通过以下 URL 的 bl.ocks 查看:

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

太好了,您在创建要点后不需要做任何额外的工作。

于 2013-12-29T03:32:48.023 回答