D3.js 란?

Data Driven Documents JavaScript 의 약자로 사용자가 입력한 시각화 규칙을 바탕으로 데이터를 반영해 시각화 결과물을 생성하는 자바스크립트 기반의 라이브러리이다. 데이터를 바탕으로 HTML의 DOM을 직접 조학하는 것이 특징이다. D3는 chart.js처럼 차트를 뚝딱 만들어주지 않는다. 차트 외에 svg,canvas를 다루기 위해 d3.js를 사용할 때도 많다.(ex. 로고를 그릴 때, 로딩 인디케이터를 svg로 그릴 때), 즉 차트만을 만들기 위한 라이브러리가 아니다. (데이터 시각화 JavaScript 라이브러리)

SVG란?

D3.js 동작과정

D3.js 메서드

React에서 D3 사용하기

척도(x,y축)의 이해 -Axis와 Scale

C3.js