달력

12

« 2020/12 »

  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
반응형



 

 


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
d3js  (0) 2019.12.05
Cannot read property 'nodeValue' of undefined at xxxxx  (0) 2019.11.30
JSON 데이터 타입(datatype)  (0) 2019.11.20
빈 텍스트 노드 처리  (0) 2019.11.09
Posted by codedragon codedragon

댓글을 달아 주세요