D3는 DOM을 직접 제어하고 React는 Virtual DOM으로 제어한다. state 등 값을 기반으로 React가 DOM을 조작해야지, 개발자가 직접 DOM을 조작하는 것은 React를 사용하는데 있어서 바람직한 방법이 아니다.

React를 사용하면 enter/update/exit 안 쓰고 D3로 계산하는 법만 알면 된다. 이 같은 DOM 조작 기능이 React에는 이미 내장되어 있기 때문이다. 따라서 React를 알면 D3 입문이 쉽다.

설치

npm install d3

React에서 svg 만들기

React에서 D3.js로 곡선 그래프 만들기

React에서 D3로 막대 그래프 구현