[D3.js] D3.js란?

---

 

D3.js는 데이터를 기반으로 문서를 조작하기위한 Javascript 라이브러리입니다.

 

D3는 HTML, SVG, CSS를 사용하여 데이터에 생명을 불어 넣는데 도움이 됩니다.

 

웹 표준에 대한 D3의 강조는 강력한 시각화 구성요소와 DOM(문서 개체 모델) 조작에 대한 데이터 기반 접근방식을 결합하여 독점 프레임워크에 묶이지 않고도 최신 브라우저의 모든 기능을 제공합니다.

 

D3를 사용하는 방법은 2가지가 있습니다. 

 

라이브러리 파일을 직접 다운로드 받거나, CDN을 이용하는 것입니다.

 

1. 직접다운로드

직접 다운로드는 d3메인페이지에서 최신 d3라이브러리 파일을 다운받을 수 있습니다.

d3js.org

D3.js - Data-Driven Documents

 

2. CDN이용

CDN 방식은 d3를 적용하실 소스코드에 아래 코드를 붙여넣고 사용하시면 됩니다.

<script src="https://d3js.org/d3.v6.min.js"></script>

 

소개

D3를 이용하면 임의의 데이터를 DOM(문서 개체 모델)에 바인딩 한 다음 데이터 기반 변환을 문서에 적용 할 수 있습니다.

 

예를 들어 D3를 사용하여 숫자배열에서 HTML테이블을 생성 할 수 있습니다.

 

또는 동일한 데이터를 사용하여 부드러운 전환 및 상호작용이 이쓴 대화형 SVG 막대차트를 만듭니다.

 

D3.js에 대한 자세한 내용이 알고싶으신분들은 아래 D3.js 공식 홈페이지를 참고해주세요.

 

출처 - d3js.org

D3.js - Data-Driven Documents