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

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


gist github-pages d3.js
person ted.strauss    schedule 30.05.2013    source источник
comment
bl.ocks.org не объединяет визуализации, это просто программа для просмотра сути. Взгляните на некоторые блоки/сущности, которые там есть (их много!), и вы увидите, что требуется. По сути, суть должна быть самодостаточной.   -  person Lars Kotthoff    schedule 30.05.2013

Ответы (2)


arrow_upward
15
arrow_downward

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

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

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

http://gist.github.com/1353700

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

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

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

person Jonah    schedule 30.05.2013

arrow_upward
7
arrow_downward

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

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

Его можно просмотреть через bl.ocks по следующему URL-адресу:

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

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

person mike    schedule 29.12.2013
comment
Благодарю вас! Это был решающий шаг. - person Mars; 22.03.2015