[시행착오X] NPM 차트,그래프 라이브러리 추천 (Node, React, Vue 등)

홈페이지 개발을 하다 보면 가끔 데이터를 차트화해야할 때가 있습니다.

NPM을 사용하는 경우라면 별도의 전문적인 지식이 없더라도 쉽고 간편하게 그래프를 이용할 수 있습니다.

Node.js, React.js, Vue.js 등 npm만 사용할 수 있다면 어떤 언어라도 개발이 가능합니다.

 

오늘은 npm을 이용하여 차트와 그래프를 쉽게 개발할 수 있는 라이브러리를 정리해 드리도록 하겠습니다.

거두절미하고 바로 소개해드리겠습니다.

 

1. D3.js

📌 추천 이유
매우 유연하고 강력한 차트 라이브러리. 움직이는 그래프와 반응형 그래프 등 있어보이는 페이지를 만들 때 강추합니다.

 

2. Chart.js

📌 추천 이유
사용하기 쉽고 가벼운 라이브러리. HTML5 칸바스를 사용하여 반응형 차트 제공합니다. 귀엽고 둥근 차트 라이브러리를 원한다면 추천합니다.

 

3. Highcharts

📌 추천 이유
상업적 사용을 위해 사용하기 적합한 라이브러리. 3D 그래프, 마크업 가능한 차트 등 다양한 그래프를 사용가능하고 전문적인 차트를 원한다면 강추합니다.

 

4. Plotly.js

📌 추천 이유
학계 관련 사이트를 개발할 때 적합한 라이브러리. 금융, 공학, 통계학 등 다양한 분야에서 사용하기 적합한 시각화된 그래프를 제공합니다.

 

5. ApexCharts.js

📌 추천 이유
현대적인 웹에 적합한 인터랙티브한 차트 제공 라이브러리. 귀엽고 깜찍한 그래프를 원한다면 추천하는 라이브러리입니다.