D3.js
 | この項目「D3.js」は途中まで翻訳されたものです。（原文：en:D3.js） 翻訳作業に協力して下さる方を求めています。ノートページや履歴、翻訳のガイドラインも参照してください。要約欄への翻訳情報の記入をお忘れなく。（2014年1月） |
| 開発元 | Michael Bostock, Jeffrey Heer, Vadim Ogievetsky, コミュニティ |
|---|---|
| 最新版 |
7.9.0[1]  - 2024年3月12日 [±] |
| リポジトリ | |
| プログラミング 言語 | JavaScript |
| サポート状況 | Active |
| 種別 | データ可視化、JavaScriptライブラリ |
| ライセンス | BSDライセンス |
| 公式サイト |
d3js |
D3.js（またはD3:Data-Driven Documents、旧:Protovis[2]）は、 2011年に開発が始まった[3]ウェブブラウザで動的コンテンツを描画するJavaScriptライブラリである。 World Wide Web Consortium準拠のデータ可視化ツールとして、Scalable Vector Graphics（SVG）、JavaScript、HTML5、Cascading Style Sheets (CSS) を最大限に活用している。 その他多くのライブラリとは対照的に、最終的に出力された結果に視覚的な調整ができる[4]。
ニューヨーク・タイムズ紙サイト内のグラフ描画[5]、OpenStreetMap編集用iDエディタ[6][7]、GeoJSONやTopojsonを扱う地理情報システム関連ウェブマッピングなどに採用されている。
技術原理
[編集]HTMLページ内に埋め込まれ読み込まれた際に、ビルド済みのJavaScript関数を使用してSVGオブジェクトの作成及び視覚的編集、画面遷移、ツールチップなどを描画する。 これらはCSSの制御が可能である。 大規模なデータセットに単純なD3関数を使用することで、容易にグラフやダイアグラムを生成しSVGオブジェクトに結合できる。 最も一般的なJSON、Comma-separated values (CSV)、GeoJSON等の様々なフォーマットのデータに対応し、JavaScript関数を修正すればどのフォーマットにも対応できる。
脚注
[編集]- ^ "Release 7.9.0"; 閲覧日: 2024年3月22日; 出版日: 2024年3月12日.
- ^ “For Protovis Users”, D3.js August 18, 2012閲覧。
- ^ Myatt, Glenn J.; Johnson, Wayne P. (September 2011), “5.10 Further reading”, Making Sense of Data III: A Practical Guide to Designing Interactive Data Visualizations, Hoboken, New Jersey: John Wiley & Sons, p. A–2, ISBN 978-0-470-53649-0 January 23, 2013閲覧。
- ^ Viau, Christophe (June 26, 2012), “What’s behind our Business Infographics Designer? D3.js of course”, Datameer's blog August 18, 2012閲覧。
- ^ “The Facebook Offering: How It Compares”. nytimes.com (May 17, 2012). January 23, 2013閲覧。
- ^ “New OpenStreetMap Editor iD Increases Participation”. 26 December 2013閲覧。
- ^ “iD”. OpenStreetMap wiki. 26 December 2013閲覧。
外部リンク
[編集]- 公式ウェブサイト
- D3.js Gallery
- D3.js (@d3js_org) - X（旧Twitter）
 | この項目は、ソフトウェアに関連した書きかけの項目です。この項目を加筆・訂正などしてくださる協力者を求めています（PJ:コンピュータ/P:コンピュータ）。 |
| 典拠管理データベース: 国立図書館 |
|---|