コンテンツにスキップ

D3.js

Xuất điển: フリー bách khoa sự điển 『ウィキペディア ( Wikipedia ) 』
D3.js
Khai phát nguyên Michael Bostock, Jeffrey Heer, Vadim Ogievetsky, コミュニティ
Tối tân bản 7.9.0[1]ウィキデータを編集-2024 niên 3 nguyệt 12 nhật(6か nguyệt tiền )[±]
リポジトリ ウィキデータを編集
プログラミング
Ngôn ngữ
JavaScript
サポート trạng huống Active
Chủng biệt データKhả thị hóa,JavaScriptライブラリ
ライセンス BSDライセンス
Công thức サイト d3js.org
テンプレートを biểu kỳ

D3.js( またはD3:Data-Driven Documents, cựu:Protovis[2]) は, 2011 niên に khai phát が thủy まった[3]ウェブブラウザで động đíchコンテンツを miêu họa するJavaScriptライブラリである. World Wide Web ConsortiumChuẩn 拠のデータKhả thị hóaツールとして,Scalable Vector Graphics( SVG ), JavaScript,HTML5,Cascading Style Sheets(CSS) を tối đại hạn に hoạt dụng している. その tha đa くのライブラリとは đối chiếu đích に, tối chung đích に xuất lực された kết quả に thị 覚 đích な điều chỉnh ができる[4].

ニューヨーク・タイムズChỉ サイト nội のグラフ miêu họa[5],OpenStreetMapBiên tập dụngiDエディタ[6][7],GeoJSONTopojsonを tráp うĐịa lý tình báo システムQuan liênウェブマッピングなどに thải dụng されている.

Kỹ thuật nguyên lý

[Biên tập]

HTMLページ nội に mai め込まれ đọc み込まれた tế に, ビルド tế みのJavaScript quan sổ を sử dụng してSVGオブジェクトの tác thành cập び thị 覚 đích biên tập, họa diện thiên di,ツールチップなどを miêu họa する. これらはCSSの chế ngự が khả năng である. Đại quy mô なデータセットに単 thuần なD3 quan sổ を sử dụng することで, dung dịch にグラフダイアグラムを sinh thành しSVGオブジェクトに kết hợp できる. Tối も nhất bàn đích なJSON,Comma-separated values(CSV),GeoJSONĐẳng の dạng 々なフォーマットのデータに đối ứng し, JavaScript quan sổ を tu chính すればどのフォーマットにも đối ứng できる.

Cước chú

[Biên tập]
  1. ^"Release 7.9.0";Duyệt lãm nhật: 2024 niên 3 nguyệt 22 nhật; xuất bản nhật: 2024 niên 3 nguyệt 12 nhật.
  2. ^“For Protovis Users”,D3.js,http://mbostock.github.com/d3/tutorial/protovis.htmlAugust 18, 2012Duyệt lãm.
  3. ^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,ISBN978-0-470-53649-0,https://books.google.co.jp/books?id=nTpjoNgJQOMC&redir_esc=y&hl=ja&pg=SL1-PA2January 23, 2013Duyệt lãm.
  4. ^Viau, Christophe (June 26, 2012),“What’s behind our Business Infographics Designer? D3.js of course”,Datameer's blog,http://www.datameer.com/blog/author/cviauAugust 18, 2012Duyệt lãm.
  5. ^The Facebook Offering: How It Compares”.nytimes.com (May 17, 2012).January 23, 2013Duyệt lãm.
  6. ^New OpenStreetMap Editor iD Increases Participation”.26 December 2013Duyệt lãm.
  7. ^iD”.OpenStreetMap wiki.26 December 2013Duyệt lãm.

Ngoại bộ リンク

[Biên tập]