Skip to content

Jp Home

Jump to bottom
muddydixon edited this page Mar 11, 2013 · 3 revisions

Back to English

Wiki

D3.js は document ベースでデータを操作するための JavaScript ライブラリです。 D3 を使うことで、 THML, SVG, CSS を利用し、データを表現する事ができます。 D3 が web 標準を強調している理由は、プロプライエタリなフレームワークを使うことなしに、パワフルな視覚化要素と DOM 操作でのデータ駆動アプローチを結びつけ、モダンブラウザで十分に実施することができることです。

Resources

ブラウザサポート

D3 は、いわゆる "モダン" ブラウザ (一般的に、IE8およびそれ以前を除くすべて) をサポートします。 D3 は、 Firefox, Chrome (Chromium), Safari (Webkit), Opera および IE9 に対してテストされています。 D3 ライブラリのコア, JavaScript と W3C DOM APIのような最小要求のような D3 の一部は古いブラウザでも機能します。 IE8 に対しては、 Aight という互換ライブラリが推奨されています。 D3 は Level 1 の Selectors API を利用しています。互換性のために Sizzle をプリロードしておくことができます。 SVG と CSS3 Transitions を利用するためにモダンブラウザが必要となるでしょう。D3 は互換レイヤではないので、ご利用のブラウザが標準をサポートしないのであれば、残念だけど、ごめんね！

インストール

最新の D3 のはこちらです。

最新リリースの直リンクであれば、以下のスニペットをコピーしてください。

<script src="http://d3js.org/d3.v3.min.js"></script>

もし、テストを含むリポジトリ全てが必要であれば

コマンドラインでも

git clone git://github.com/mbostock/d3.git

もし、ローカルで開発をするのであれば、ローカルファイルシステム以外へのファイル読み込みに厳しい制限のあるブラウザかもしれません。 もし (d3.json などのような) d3.xhr をローカルで利用するのであれば、ローカルWebサーバを起動しなければなりません。 例えば、Pythonでサーバを立てるのであれば：

python -m SimpleHTTPServer 8888 &

これを動かしたら、 http://localhost:8888/examples/ を開いてください。

D3 を利用した新しい視覚化を作りたくなったら、 D3 リポジトリから取得すべきです。または、 D3 に新しい機能の追加、バグの修正、テストの実行などで D3 を拡張したい時には、 D3 リポジトリを forkし、新しいものをインストールするべきです。 D3 のテストフレームワークは Vows で、これは Node.js と NPM を必要とします。もし、あなたの環境が Mac OS X であるならば、 Node も NPM も Homebrew で簡単にインストールすることができます。

D3 を利用した新しい視覚化を作りたくなったら、 D3 リポジトリから取得すべきです。そうでなく、新しい機能の追加や、バグの修正、テストの実行などで D3 を拡張したいときには、 D3 リポジトリを forkし、 Node.js をインストールするべきです。このリポジトリのルートから、 D3 の依存関係をインストールすることができます。

npm install

テストを実施するためには下記のコマンドを入力します。

make test
Clone this wiki locally