Stworzyłem aplikację do wizualizacji danych i opublikowałem ją jako Github page. Chciałbym teraz wyświetlić to na stronie bl.ocks.org agregującej wizualizacje D3.js. Jak mogę zacząć od repozytorium github i stworzyć istotę, która zachowuje względne zależności kodu repo? Czy będę musiał zmienić kod, aby utworzyć aplikację z pojedynczym plikiem, która wskazuje tylko źródła CDN?Utwórz Gist z GREUB REPO do wyświetlenia na bl.ocks.org
Najprościej nauczyć się na przykładzie. Weźmy przykład na stronie bl.ocks domu:
http://bl.ocks.org/mbostock/1353700
teraz zobaczyć istotę, która wygenerowała, po prostu wziąć numer identyfikacyjny od końca URL i appent to url GIST, tak jak poniżej:
http://gist.github.com/1353700
to istota zawiera 3 pliki, ale dwa są opcjonalne. Jedynym wymaganiem dla bloku do wyświetlenia jest posiadanie index.html. Ten plik powinien zawierać pełny plik HTML ze skryptem js, który zawiera zasoby CDN, takie jak d3. Opcjonalnie możesz umieścić kod javascript w osobnym pliku i dodać go do istoty, a następnie połączyć z nim plik index.html.
Możesz również dodać README.md i thumbnail.png, jeśli chcesz podać opis przykładu i obraz do niego. Jest to również wyjaśnione na stronie głównej bl.ocks.
Nadzieję, że pomaga.
Po znalezieniu przykładu na GIST, wystarczy skopiować rozszerzenie (np. "Nazwa użytkownika/hash") i umieścić je po bl.ocks.org/. Więc jeśli to sens:
https://gist.github.com/mbostock/4063423
Może być przeglądane poprzez bl.ocks pod następującym adresem URL:
http://bl.ocks.org/mbostock/4063423
To jest tak dobre, że nie trzeba wykonywać żadnych dodatkowych prac po utworzeniu sens.
Dziękujemy! To był kluczowy krok. – Mars
bl.ocks.org nie agreguje wizualizacji, jest po prostu przeglądarką dla sedesów. Spójrz na niektóre bloki/te, które tam są (jest ich mnóstwo!), A zobaczysz, co jest wymagane. Zasadniczo sedno musi być samoistne. –