d3js

CODEDRAGON Development/JavaScript, jQuery, ...

반응형



 

 


d3js

·       D3*Data Driven Documents)의 약어

·       자바스크립트 라이브러리를 이용한 데이터 시각화 도구입니다.

·       스탠포드 비주얼라이제이션 그룹(Stanford Visualization Group)에서 2011년 발표한 자바스크립트 라이브러리입니다.

 

·       단순 배열 데이터, TSV, CSV, JSON, HTML, XML, TEXT등의 다양한 파일을 사용할 있습니다.

·       다양한 종류의 그래프와 트리 차트를 샘플과 함께 제공합니다.

·       오픈 소스 시각화 라이브러리인 프로토비즈(Protovis)에 애니메이션과 인터랙션 기능을 강화하여 시각화 기능을 향상한 라이브러리이다. D3 HTML5, SVG CSS를 사용하여 웹 표준의 인터렉티브한 데이터 시각화 기능을 제공한다. 모든 시각화 요소는 HTML 문서의 SVG 객체로 표현되며, 자바스트립트를 통해 시각화 객체를 생성/조작하고, CSS를 통해 시각화 객체의 레이아웃과 속성을 변경하여 디자인 요소를 조작한다. D3의 데이터 표현과 전달력이 뛰어남에 따라 현재 인터렉티브 시각화 분야에서 급격하게 주요 라이브러리로 부상하고 있다.

 

https://d3js.org/


 

 

http://mbostock.github.io/d3/tutorial/protovis.html


 


'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

JSON - 객체  (0) 2019.12.21
클라이언트 객체의 종류  (0) 2019.12.10
Cannot read property 'nodeValue' of undefined at xxxxx  (0) 2019.11.30
JSON 데이터 타입(datatype)  (0) 2019.11.20
빈 텍스트 노드 처리  (0) 2019.11.09