D3.js
| 개발자 | 마이크 보스톡(Mike Bostock) 제프리 히어(Jeffrey Heer) 바딤 오기에브스키(Vadim Ogievetsky) 커뮤니티 |
|---|---|
| 발표일 | 2011년 2월 18일 |
| 안정화 버전 | 7.9.0[1] 
/ 2024년 3월 12일 |
| 저장소 | |
| 프로그래밍 언어 | 자바스크립트 |
| 종류 | 데이터 시각화, 자바스크립트 라이브러리 |
| 라이선스 | BSD |
| 상태 | 개발 중 |
| 웹사이트 | d3js |
D3.js(D3 또는 Data-Driven Documents)는 웹브라우저 상에서 동적이고 인터렉티브한 데이터 시각화를 구현하기 위한 자바스크립트 라이브러리이다. D3.js는 프로토비즈의 라이브러리로 정보시각화 라이브러리이며[2], SVG와 HTML5, CSS 등 웹표준에 기반해 구현되어 있다. 2012년 8월에 2.0.0 버전이 릴리즈되었으며[3], 2016년 6월에 4.0.0이 릴리즈 되었다[4].
데이터 시각화 회사인 데이터미어(Datameer)에서는 공식적으로 D3.js를 핵심 기술로서 활용하고 있으며[5], 뉴욕 타임즈에서는 인터렉티브 기사를 제작할 때 D3.js를 활용해오고 있다.[6] 오픈스트리트맵의 iD 에디터도 D3.js를 사용하고 있다.[7] 또한 GeoJSON과 Topojson을 지원하고 있어서 웹에서 지도를 표현할 때도 사용된다.
API 구조
[편집]D3.js API는 수백 개의 기능이 있으며 다음의 논리적인 단위로 묶을 수 있다:[8]
- 선택(Selections)
- 변화(Transitions)
- 배열(Arrays)
- 수식(Math)
- 색(Color)
- 스케일(Scales)
- SVG
- 시간(Time)
- 레이아웃(Layouts)
- 지오그래피(Geography)
- 지오메트리(Geometry)
- 행위(Behaviors)
같이 보기
[편집]참고 자료
[편집]
- ↑ “Release 7.9.0”. 2024년 3월 12일. 2024년 3월 22일에 확인함.
- ↑ “For Protovis Users”, 《Mbostock.github.com》, 2013년 3월 12일에 원본 문서에서 보존된 문서, 2012년 8월 18일에 확인함
- ↑ “Release Notes”, 《D3.js》, 2012년 8월 22일에 확인함
- ↑ “d3 Releases”. 《Github.com》. 2017년 1월 8일에 확인함.
- ↑ Viau, Christophe (2012년 6월 26일), “What’s behind our Business Infographics Designer? D3.js of course”, 《Datameer's blog》, 2015년 9월 23일에 원본 문서에서 보존된 문서, 2012년 8월 18일에 확인함
- ↑ Ashkenas, Jeremy; Bloch, Matthew; Carter, Shan; Cox, Amanda (2012년 5월 17일). “The Facebook Offering: How It Compares”. Nytimes.com. 2013년 1월 23일에 확인함.
- ↑ “New OpenStreetMap Editor iD Increases Participation”. 《Mapbox.com》. 2016년 10월 5일에 원본 문서에서 보존된 문서. 2013년 12월 26일에 확인함.
- ↑ d3 (2016년 6월 30일). “API Reference · d3/d3 Wiki · GitHub”. 《Github.com》. 2016년 8월 1일에 확인함.
외부 링크
[편집]- D3.js - 공식 웹사이트
- D3.js 갤러리 - D3.js로 구현항 정보시각화 모음집
- Blocksplorer D3.js API 기반 bl.ocks.org 검색 엔진