{{위키데이터 속성 추적}}
{{소프트웨어 정보
| 이름 = Data-Driven Documents (D3.js)
| 개발자 = [[마이크 보스톡]](Mike Bostock)<br />[[제프리 히어]](Jeffrey Heer)<br />바딤 오기에브스키(Vadim Ogievetsky)<br />커뮤니티
| 발표일 = {{시작 날짜와 나이|2011|02|18|df=yes}}
| latest release version = {{wikidata|property|preferred|references|edit@end|Q3011087|P348|P548=Q2804309}}
| latest release date = {{시작 날짜와 나이|{{wikidata|qualifier|preferred|single|Q3011087|P348|P548=Q2804309|P577}}}}
| 상태 = 개발 중
| 프로그래밍 언어 = [[자바스크립트]]
| 종류 = [[데이터 시각화]], [[자바스크립트 라이브러리]]
| 라이선스 = [[BSD 라이선스|BSD]]
| 웹사이트 = {{URL|d3js.org}}
}}
'''D3.js'''('''D3''' 또는 '''Data-Driven Documents''')는 웹브라우저 상에서 동적이고 인터렉티브한 [[데이터 시각화]]를 구현하기 위한 [[자바스크립트]] 라이브러리이다. D3.js는 [http://mbostock.github.io/protovis/ 프로토비즈]의 라이브러리로 정보시각화 라이브러리이며<ref>{{인용 |url=http://mbostock.github.com/d3/tutorial/protovis.html |title=For Protovis Users |website=Mbostock.github.com |accessdate=August 18, 2012 |archive-date=2013-03-12 |archive-url=https://web.archive.org/web/20130312000307/http://mbostock.github.com/d3/tutorial/protovis.html }}</ref>, [[스케일러블 벡터 그래픽스|SVG]]와 [[HTML5]], [[종속형 시트|CSS]] 등 웹표준에 기반해 구현되어 있다. 2012년 8월에 2.0.0 버전이 릴리즈되었으며<ref>{{인용|url=https://github.com/mbostock/d3/wiki/Release-Notes |title=Release Notes |work=D3.js |accessdate=August 22, 2012 }}</ref>, 2016년 6월에 4.0.0이 릴리즈 되었다<ref>{{웹 인용|title=d3 Releases|url=https://github.com/mbostock/d3/releases|website=Github.com|accessdate=January 8, 2017}}</ref>.

데이터 시각화 회사인 데이터미어(Datameer)에서는 공식적으로 D3.js를 핵심 기술로서 활용하고 있으며<ref name="Viau_2012/06">{{인용 |url=http://www.datameer.com/blog/author/cviau |title=What’s behind our Business Infographics Designer? D3.js of course |last=Viau |first=Christophe |work=[[Datameer]]'s blog |date=June 26, 2012 |accessdate=August 18, 2012 |archive-date=2015-09-23 |archive-url=https://web.archive.org/web/20150923212800/http://www.datameer.com/blog/author/cviau }}</ref>, 뉴욕 타임즈에서는 인터렉티브 기사를 제작할 때 D3.js를 활용해오고 있다.<ref>{{뉴스 인용|title=The Facebook Offering: How It Compares|url=http://www.nytimes.com/interactive/2012/05/17/business/dealbook/how-the-facebook-offering-compares.html |first1=Jeremy|last1=Ashkenas|first2=Matthew|last2=Bloch|first3=Shan|last3=Carter|first4=Amanda|last4=Cox|date=May 17, 2012 |publisher=Nytimes.com |accessdate=January 23, 2013}}</ref> [[오픈스트리트맵]]의 iD 에디터도 D3.js를 사용하고 있다.<ref>{{웹 인용| url=https://www.mapbox.com/blog/id-increases-participation/| title=New OpenStreetMap Editor iD Increases Participation| website=Mapbox.com| accessdate=26 December 2013| archive-date=2016-10-05| archive-url=https://web.archive.org/web/20161005100027/https://www.mapbox.com/blog/id-increases-participation/| url-status=dead}}</ref> 또한 [[GeoJSON]]과 [[Topojson]]을 지원하고 있어서 웹에서 지도를 표현할 때도 사용된다.

== API 구조 ==
D3.js API는 수백 개의 기능이 있으며 다음의 논리적인 단위로 묶을 수 있다:<ref>{{웹 인용|author=d3 |url=https://github.com/d3/d3/wiki/API-Reference |title=API Reference · d3/d3 Wiki · GitHub |website=Github.com |date=2016-06-30 |accessdate=2016-08-01}}</ref>
* 선택(Selections)
* 변화(Transitions)
* 배열(Arrays)
* 수식(Math)
* 색(Color)
* 스케일(Scales)
* SVG
* 시간(Time)
* 레이아웃(Layouts)
* 지오그래피(Geography)
* 지오메트리(Geometry)
* 행위(Behaviors)

== 같이 보기 ==
* [[자바스크립트 프레임워크]]
* [[자바스크립트 라이브러리]]
== 참고 자료 ==
{{위키공용분류}}
{{각주}}

== 외부 링크 ==
* {{공식 웹사이트}}
* [https://github.com/mbostock/d3/wiki/Gallery/ D3.js 갤러리 - D3.js로 구현항 정보시각화 모음집]
* [http://bl.ocksplorer.org Blocksplorer] D3.js API 기반 bl.ocks.org 검색 엔진

{{전거 통제}}

[[분류:자바스크립트 라이브러리]]
[[분류:자바스크립트로 작성된 자유 소프트웨어]]
[[분류:BSD 라이선스 소프트웨어]]