svg에서 원을 그리기 위해 circle 요소를 사용합니다.
동일 크기의 파이차트를 그리기 위해서는 path 요소를 사용합니다.
circle은 중심점에서 반지름의 크기 만큼 확장된 원형 입니다.
path로 그리는 원호는
중심점에서 반지름 크기 만큼 확장된 위치에
시작앵글 부터 종료앵글까지 그려지는 원호의 집합입니다.
복잡하고 어려운 path의 d 속성을 d3js에서 .arc 를 사용하여 계산할 수 있습니다.
.innerRadius() 는 내부 반지름의 크기를 지정하여,
도넛차트를 그릴 수 있습니다.
.padAngle()을 사용하여 부채꼴 사이 공백을 만들 수 있습니다.
.cornerRadius()를 사용하여 부채꼴 모서리를 꾸밀 수 있습니다.
