データ可視化アプリを作成し、Github ページとして投稿しました。これを、D3.js ビジュアライゼーションを集約するbl.ocks.orgサイトに表示したいと思います。github リポジトリから始めて、リポジトリ コードの相対的な依存関係を維持する要点を作成するにはどうすればよいですか? CDN ソースのみを指す単一ファイル アプリを作成するには、すべてのコードをリファクタリングする必要がありますか?
2 に答える
例から学ぶのが最も簡単です。block.ocks ホームページの例を見てみましょう:
http://bl.ocks.org/mbostock/1353700
それを生成した Gist を表示するには、URL の末尾から ID 番号を取得し、Gist URL に追加します。次のようにします。
http://gist.github.com/1353700
その要旨には 3 つのファイルが含まれていますが、2 つのファイルはオプションです。ブロックを表示するための唯一の要件は、index.html を持つことです。そのファイルには、d3. 必要に応じて、JavaScript コードを別のファイルに入れて Gist に追加し、index.html ファイルからリンクすることもできます。
サンプルの説明とそのイメージを提供したい場合は、README.md とサムネイル.png を追加することもできます。これは、blocks のホームページでも説明されています。
それが役立つことを願っています。
GIST で例を取得したら、拡張子 (つまり、「ユーザー名/ハッシュ」) をコピーして、bl.ocks.org/ の後に配置するだけです。したがって、この要点:
https://gist.github.com/mbostock/4063423
次の URL の bl.ocks を介して表示できます。
http://bl.ocks.org/mbostock/4063423
Gist を作成した後、余分な作業を行う必要がないのは非常に優れています。