[doc] Vue 에서 d3 사용하기 실습예제 추가

[Seungwoo321]

관련 이슈

146

요약

Vue with D3 > Tutorial 문서의 실습예제의 "진행예정" 부분을 작성했습니다. npm 패키지 페이지에서 주별 다운로드 추세를 시각화한 차트 영역을 추가 실습 예제로 구현해보는 내용 입니다.

아래와 같은 점들이 앞에서 설명한 것에 대한 적절한 예시가 될 것 같아서 선택 하게되었습니다.

• 앞페이지의 라인 path 를 구하는 예제의 코드와 이를 살짝 변형해 라인과 영역 path 를 그림으로써 스파크 라인으로 표현
• d3 함수를 활용해서 커서 UI로 사용되는 circle, line의 x, y 좌표 데이터를 계산
• 좌표 데이터를 업데이트 하면 커서와 다운로드 횟수 숫자등 관련 UI 가 업데이트 되는 Vue의 특성

리뷰어

@shinyuna @ChoiSangok @Parkjju @pozafly

[shinyuna]

승우님 튜토리얼 너무 잘 봤습니다!👍

[Seungwoo321]

@amorfati0310 희찬님 피드백 반영했습니다 감사합니다! 훨씬 코드가 보기 좋아진것 같아요!

[Seungwoo321]

추가로 피드백 없다면 이대로 반영해도 괜찮을까요? (마지막 미팅 참석을 못 해서 확인을 못 했네요)