Crea Gist dal repository Github per la visualizzazione su bl.ocks.org

Question

Ho creato un'applicazione di visualizzazione dati e l'ho pubblicata come Github page. Vorrei ora visualizzarlo sul sito bl.ocks.org che aggrega le visualizzazioni D3.js. Come posso iniziare dal repository github e creare un gist che mantenga le dipendenze relative del codice repo? Avrò bisogno di rifattorizzare tutto il codice per creare un'app a file singolo che punti solo a fonti CDN?

Answer 1

È più semplice imparare dall'esempio. Prendiamo l'esempio sulla bl.ocks home page:

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

ora a vedere l'essenza che lo ha generato, basta prendere il numero di identificazione a partire dalla fine del URL e appent è l'url Gist, in questo modo:

http://gist.github.com/1353700

Questo succo contiene 3 file, ma due sono opzionali. L'unico requisito per un blocco da visualizzare è index.html. Quel file dovrebbe contenere un file html completo con lo script js che include anche le risorse cdn come d3. Facoltativamente, puoi inserire il tuo codice javascript in un file separato e aggiungerlo al gist, quindi collegarlo al file index.html.

È anche possibile aggiungere un README.md e thumbnail.png, se si desidera fornire una descrizione del proprio esempio e un'immagine per esso. Questo è spiegato anche sulla home page di bl.ocks.

Spero che questo aiuti.

Answer 2

Una volta ottenuto l'esempio su GIST, tutto ciò che dovete fare è copiare l'estensione (ad es. "Username/hash") e metterla dopo bl.ocks.org/. Quindi, se questa sostanza:

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

Esso può essere visualizzato tramite bl.ocks al seguente URL:

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

E 'così buono che non c'è bisogno di fare qualsiasi lavoro extra dopo la creazione del Gist.