Сделать Gist из Github repo для отображения на bl.ocks.org

Question

Я создал приложение для визуализации данных и разместил его как Github page. Теперь я хотел бы показать это на сайте bl.ocks.org, который объединяет визуализации D3.js. Как я могу начать с github repo и создать сущность, которая поддерживает относительные зависимости кода репо? Нужно ли мне реорганизовать весь код, чтобы сделать однофайльное приложение, указывающее только на источники CDN?

Answer 1

Проще всего научиться на примере. Возьмем в качестве примера на bl.ocks домашней странице:

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

Теперь, чтобы увидеть суть, создавшего его, просто взять номер документа от конца URL и appent его суть URL, например, так:

http://gist.github.com/1353700

Это суть содержит 3 файла, но два не являются обязательными. Единственное требование для отображения блока - иметь index.html. Этот файл должен содержать полный html-файл с вашим js-скриптом, который включает в себя ресурсы cdn, такие как d3. При желании вы можете поместить свой javascript-код в отдельный файл и добавить его в gist, а затем связать с ним из файла index.html.

Вы также можете добавить README.md и thumbnail.png, если вы хотите предоставить описание вашего примера и изображение для него. Это объясняется также на домашней странице bl.ocks.

Надеюсь, что это поможет.

Answer 2

Как только у вас появится пример GIST, вам нужно только скопировать расширение (то есть «имя пользователя/хэш») и поместить его после bl.ocks.org/. Так что, если вам это суть:

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

Это можно проверить с помощью bl.ocks по следующему адресу:

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

Это так хорошо, что вам не нужно делать каких-либо дополнительных работ после создания суть.