2013-05-30 5 views
9

データ視覚化アプリケーションを作成し、Github pageとして投稿しました。 これをD3.jsビジュアライゼーションを集約するbl.ocks.orgサイトに表示したいと考えています。 githubリポジトリからどのように起動し、repoコードの相対的な依存関係を維持する要点を作成できますか? CDNソースのみを指す単一ファイルのアプリケーションを作成するために、すべてのコードをリファクタリングする必要がありますか?GithubからGithubを作成してbl.ocks.orgに表示する

+1

bl.ocks.orgは視覚化を集約していませんが、それは単に要点のためのビューアです。そこにあるブロック/要点のいくつかを見てください(そこにたくさんあります!)あなたは何が必要であるかを見るでしょう。基本的に、要点は自己完結型である必要があります。 –

答えて

13

例で学ぶのが最も簡単です。ちょうどのようなので、URLの末尾からID番号を取得し、それを要旨URLをappent、それを生成した要旨を見るために今

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

:bl.ocksホームページ上で例を見てみましょう:

http://gist.github.com/1353700

要旨は、3つのファイルが含まれていますが、2はオプションであること。ブロックを表示する唯一の要件は、index.htmlを持つことです。そのファイルにはds3のようなcdnリソースにあなたのjsスクリプトを含む完全なhtmlファイルが含まれていなければなりません。必要に応じて、JavaScriptコードを別のファイルに入れて、それを要点に追加し、index.htmlファイルからリンクすることもできます。

例とイメージの説明を提供する場合は、README.mdとthumbnail.pngを追加することもできます。これはbl.ocksのホームページでも説明されています。

希望に役立ちます。

7

GISTのサンプルを入手したら、拡張子(例: "username/hash")をコピーしてbl.ocks.org/の後ろに置いてください。ですから、もしこの要旨:

https://gist.github.com/mbostock/4063423 
それは、次のURLでbl.ocks経由で見ることができ

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

それはあなたが作成した後に余分な作業を行う必要はありませんように良いことです要旨。

+1

ありがとうございます!これは重要なステップでした。 – Mars

関連する問題