chart library canvas vs. svg

차트 라이브러리 종류 : Svg vs. Canvas

예전에 차트 라이브러리로 echart를 처음 썼을 때 canvas로 그려지는 것을 확인했었는데
이번에 apexcharts를 써보니 svg로 그려지고 있는 것을 확인했다
그래서 svg와 canvas로 차트를 그릴 때의 어떤 차이가 있는지 찾아보았다

TL;DR

• 차트에 그려지는 데이터가 적은 경우 SVG
• 그려지는 데이터가 많고 상호작용이 있는 경우엔 Canvas

참고

• https://stackoverflow.com/questions/28083421/svg-vs-html5-canvas-based-charts
• https://www.barchart.com/solutions/company/blog/3852318/comparing-html5-canvas-vs-svg-for-charting