로딩
요청 처리 중입니다...

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

 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 2. polyline 3. path path에 관련된 내용은 좀 더 많아 mdn문서를 첨부합니다.

곡선을 그리는 것은 path밖에 되지 않습니다! 참고 패스 - SVG: Scalable Vector Graphics | MDN 엘리먼트는 SVG 기본 도형...

# bar # D3 # line # 그래프