D3.js 를 사용하여 데이터 시각화하기 #2 Bar Charts

Explanation

선 그래프에 이어서, 오늘은 막대 그래프 예제 코드를 보면서 D3.js와 API들을 알아보려 합니다.
설명 부분이 저번 글과 겹치는 부분은 생략하려 합니다, 이해가 안되시는 분은 이전 글을 먼저 살짝 보시고 오는게 좋을거 같아요.

이전글 : D3.js 를 사용하여 데이터 시각화하기 #1 Line Charts

오늘은 2일차이기 때문에 글에는 수많은 추측과 오류를 담고 있습니다.

1. 코드

예제 코드 출처
https://beta.observablehq.com/@mbostock/d3-bar-chart

아래의 코드는 위 예제 코드를 아주 조금 수정한 내용입니다.
이번 글에는 바로 코드에 주석으로 이야기를 적도록 하겠습니다.

2. 마치며

예제를 두개 정도 해보니까 조금은 D3.js에 대해 익숙해지는 듯??? 합니다? 그리고 몇가지 수정을 해볼수록 D3.js는 지금 제가 아는 것보다 훨씬 다양한 용도로 사용되겠지만 일단 차트를 그림에 있어서는 SVG에 대한 이해가 많을 수록 도움이 될거 같아요. 그리고 D3.js는 SVG를 조금 더 쉽게 그릴 수 있는 라이브러리 같다는 느낌이 들었어요. 그리고 다음 시간은 파이 차트입니다!!

Leave a Reply