D3 - line 그래프 그리기 (실전 예시)

ine은 아래와 같이 x1과 y1, x2와 y2가 필요하다. 따라서 path로 그리도록 할 예정이다. d3.select('svg') .append('line') .attr('x1', 100) .attr('y1', 100) .attr('x2', 200) .attr('y2', 200) .style('stroke', 'black') .style('stroke-width', '2px') svg로 line을 그릴 수 있는 방법 1. line <line x1="100" y1="100" x2="200" y2="200"> 2. polyline <polyline points='100,100 200,200'> 3. path path에 관련된 내용은 좀 더 많아 mdn문서를 첨부합니다. 곡선을 그리는 것은 path밖에 되지 않습니다! <path d='M100 100 L200 200'> 참고 패스 - SVG: Scalable Vector Graphics | MDN <path> 엘리먼트는 SVG 기본 도형...

원문링크 : D3 - line 그래프 그리기 (실전 예시)