D3.js 공부 9 - 막대차트 그리기(part1)
D3.js는 다음과 같은 차트를 만드는데 유용합니다. 막대 차트 원 차트 파이 차트 도넛 형 차트 선 차트 버블 차트 막대 차트는 개별 범주, 그룹의 수, 빈도, 평균 표시하고 비교할 때 사용합니다. 막대 높이 길이가 범주의 크기이겠죠. x축은 범주 y축은 눈금이 있고 측정 단위를 나타냅니다. 막대형 차트는 rect를 이용하여 그려줍니다. 1단계 : rect요소 스타일 지정해주기. svg rect { fill: gray; } 위 css으로 rect 스타일을 지정해줍니다. 즉 회색으로 색칠 해준다는 뜻이죠. 2단계 : 텍스트 요소에 스타일을 지정해주기. svg text { fill: yellow; font: 12px sans-serif; text-anchor: end; } 위 css으로 text 스타일을 ..
