배우기 어렵다는 시각화 라이브러리의 명성으로 인해 D3를 프로젝트에 통합하는 것을 미루고 있는 경우, 여기에 노력을 기울일 수 있는 잘 진행되고 아름다운 소개가 있습니다.

https://wattenberger.com/blog/react-and-d3

이 두 기술은 결합하기가 까다로운 것으로 악명이 높습니다. 문제의 핵심은 둘 다 DOM을 처리하기를 원한다는 것입니다.

SVG 요소 만들기 

브라우저에서 데이터를 시각화 할 때 SVG 요소는 훨씬 더 표현적이고 절대적으로 위치하므로 일반적으로 SVG 요소로 작업하고 싶을 것입니다.

시작하려면 간단한 <svg> 요소 만 렌더링합니다.

const Svg = () => {
  return (
  <svg style={{
    border: "2px solid gold"
  }} />
  )
}