[Vitz Tool_01] D3.js

D3..js는 주어진 데이터를 시각적으로 표현하는 자바스크립트 라이브러리입니다.

표현 할 수 있는 시각화기법은 매우 다양하며 D3갤러리에 확인할 수 있습니다.

 

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. read more...

 

아이디어에 따라 다양한 시각화가 가능하며, 애니메이션이나 버튼을 활용하여 상호작용 할 수 있는 그래프를 만들 수 있습니다. 또한, 스마트폰이나 태블릿에서도 동작한다는점도 놓칠 수 없는 매력입니다.

 

하지만, D3로 그래프를 표시할때는 자바스크립트를 사용하여 코드를 작성해야된다는점..

그래서 아무나 할수는 없지만 조금만 코드읽기를 공부한다면 재미있게 접근할 수 있습니다.

 

 

흥미있는 비쥬얼을 만들기 위해서는 꼭 거쳐야할 기초과정을 거쳐야 합니다.

몇가지 자료를 모아봤습니다.(처음 배울때 해봤던것들을 중심으로..)

 

1. D3.js입문 : 장서용

2. Dashing D3.js  : 개념잡기 

3. d3Vienno : 동영상 따라하기

 

 

 

 

 

Please reload

Primary Posts
Please reload

Search By Tags
Please reload