• About

Evans Library

개발자의 집필 공간.
표상에서 그치는 것이 아닌, 본질을 탐구하고 사유하는 삶.


SVG 도넛 차트의 원리 - 삼각함수와 수학적 접근

이번 포스팅에서는 얼마 전에 필자가 삽질했던 내용인 SVG로 도넛 차트 그려보기에 대해서 이야기해볼까 한다. 사실 도넛 차트를 그리는 것 자체는 SVG가 제공하는 엘리먼트를 사용하면 되기 때문에 간단하게 만들 수 있지만, 필자가 삽질했던 부분은 바로 애니메이션이었다. 물론 chartjs나 nivo같은 차트 라이브러리를 사용하면 쉽게 도넛 차트를 사용할 수 있기는 하지만, 사실 필자에게 필요한 건 막대 차트와 도넛 차트 뿐이었기 때문에 이런 라이브러리를 사용하는 것이 과하다는 생각이 들었고, 결정적으로 이 정도 차트는 그냥 캔버스…

Dec 12, 2020

SVG 도넛 차트의 원리 - 삼각함수와 수학적 접근