JP Home

[原文]

Wiki

D3.jsは、データに基づいてドキュメント操作を行うJavaScriptライブラリです。 D3は、HTML、SVG、CSSを使用して、データを生き生きと表現することができます。D3は、Web標準により独自のフレームワークに束縛されることなくモダンなウェブブラウザへ適応することと、強力な可視化コンポーネントを持つことと、データ駆動型のアプローチによりDOM操作を行うことを重視しています。

Resources

• Introduction (未翻訳)
• Examples Gallery (未翻訳)
• Tutorials and Talks (未翻訳)
• API Reference (未翻訳)
• Release Notes (未翻訳)
• Plugins (未翻訳)
• d3.js on Stack Overflow (未翻訳)
• d3-js Google Group
• 日本 d3-js ユーザーグループ

サポート・ブラウザ

D3は、いわゆる「モダン」ブラウザ、一般的な意味でのIE8以前のものを除く全てのブラウザをサポートします。D3は、Firefox, Chrome (Chromium), Safari (WebKit), OperaとIE9に対してテストされます。D3の一部のものは、JavaScriptとW3C DOM APIの最小限の要件をコア・ライブラリが満たしているため、古いブラウザでも動作します。IE8では、互換ライブラリのAightと合わせて使うことを推奨しています。D3は Selectors APIのLevel 1を使っていますが、互換性のためにSizzleを事前ロードすることもできます。SVGとCSS3 Transitionsを使うためには、モダンブラウザが必要になるでしょう。D3は互換レイヤーではないので、不運なことにあなたのブラウザで標準サポートされなくなるかもしれません。ごめんなさい!

インストール

もし最新バージョンのD3をJavaScriptファイルで欲しい場合は、ここからダウンロードしてください:

• http://d3js.org/d3.v2.js - development
• http://d3js.org/d3.v2.min.js - production

最新バージョンのものとサンプルが欲しい場合は、こちらにまとまったものがあります:

• https://github.com/mbostock/d3/zipball/master

コマンドラインで入手する場合：

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

サンプルをローカルで実行するときは、ブラウザがローカルにないファイルを読み込むために、強制的にアクセス許可を行うかもしれないことに注意してください。いくつかのAJAXのサンプルは、HTTPの代わりにローカルファイルを介したAJAXとは違う動きになります。 ローカルでサンプルを見るには、ローカルのWebサーバを使わなければなりません。 どのWebサーバでも動きますが、例としてPythonの組み込みサーバを動かしてみます。:

python -m SimpleHTTPServer 8888 &

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

The D3 repository should work out of the box if you just want to create new visualizations using D3. もしD3を使った新しいビジュアライゼーションを作成したいときは、D3リポジトリ外で行ってください。もしくは、D3の新しいフィーチャー、バグ・フィックス、テストをD3に追加したい場合は、D3リポジトリをforkし、いくつかのものをインストールする必要があります。D3's test framework uses Vows, which depends on Node.js and NPM. D3のテスト・フレームワークは、Vowsという、Node.jsとNPMに依存したものを使っています。もしMac OS Xで開発していれば、NodeとNPMはHomebrewを使うことで簡単にインストールできます。:

brew install node

次に、このリポジトリのルート・ディレクトリから、D3が依存するものをインストールします:

npm install

テストの実行:

npm test