2013-05-30 12 views
9

Bir veri görselleştirme uygulaması oluşturdum ve bunu Github page olarak yayınladım. Şimdi bunu, D3.js görselleştirmelerini toplayan bl.ocks.org sitesinde görüntülemek istiyorum. Github repo'undan nasıl başlayabilirim ve repo kodunun göreceli bağımlılıklarını koruyan bir temel oluşturulabilir? Sadece CDN kaynaklarına işaret eden tek bir dosya uygulaması yapmak için tüm kodu yeniden düzenlemem gerekecek mi?Github repo'dan Gist to make make on bl.ocks.org

+1

bl.ocks.org görselleştirmeleri bir araya getirmiyor, bu yalnızca bir izleyicidir. Orada olan bazı bloklara/gistlere bir göz atın (bol var!) Ve neyin gerekli olduğunu göreceksiniz. Temel olarak, özünün kendi kendine yeten olması gerekir. –

cevap

13

Örnek olarak öğrenmesi en kolay olanıdır. bl.ocks ana sayfasında örneği ele alalım:

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

Şimdi

sadece url sonundan id numarasını alıp şöyle, o özü url appent, onu oluşturulan özünü görmek için:

http://gist.github.com/1353700

özü 3 dosyalarını içeren Yani

, ancak iki isteğe bağlıdır. Gösterilecek bir blok için tek gereksinim index.html olmalıdır. Bu dosya, js komut dosyanızla d3 gibi cdn kaynaklarına herhangi bir tam html dosyanız içermelidir. İsteğe bağlı olarak, javascript kodunuzu ayrı bir dosyaya koyabilir ve bunu forma ekleyebilir ve ardından index.html dosyanızdan buna bağlayabilirsiniz.

Ayrıca, örneğinizin bir açıklamasını ve bunun için bir görüntü sağlamak istiyorsanız README.md ve thumbnail.png ekleyebilirsiniz. Bu bl.ocks ana sayfasında da açıklanmaktadır.

Bu yardımcı olur umarım.

7

GIST örneğine sahip olduğunuzda, tek yapmanız gereken uzantıyı kopyalamak (yani, "username/hash") ve bl.ocks.org/ adresinden sonra yazmanızdır. Yani eğer bu özü:

https://gist.github.com/mbostock/4063423 
Aşağıdaki URL'den bl.ocks yoluyla izlenebilir

:

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

Size oluşturduktan sonra herhangi bir ekstra işler yapmak gerekmez bu çok iyi özü.

+1

Teşekkürler! Bu çok önemli bir adımdı. – Mars

İlgili konular