[jQuery] 무료 차트(chart) 플러그인 정리

무료 차트(chart) 플러그인

웹을 제작하다 보면, 차트가 필요한 경우가 종종 있습니다.

간단한 막대그래프같은 경우에는 html, css로 그려내도 되지만, 보통은 chart의 플러그인을 사용하여 구현합니다.

그럼 무료로 사용가능한 차트 플러그인에 대해 알아보겠습니다.

 

 

1. chart.js (www.chartjs.org/)

차트플러그인 중에서 유일하게 사용해본 chart.js 입니다.

차트플러그인 중에서 꽤 유명한 편이라 국내에서도, 해외에서도 예제들을 많이 찾아볼 수 있습니다.

간단한 차트를 표현하기에는 좋지만, 커스텀하기가 불편해서 정말 간단한 차트만 그리기 좋은 차트입니다.

 

2.C3.js (c3js.org/)

c3는 생성할 때 각 요소에 일부 클래스를 제공하여, 사용자 정의 스타일을 적용할 수 있다고 합니다.

홈페이지를 확인했을 때, 예제도 잘되있고 커스터마이징도 쉽다고 합니다.

 

3. 구글차트 (developers.google.com/chart/)

브라우저간의 호환성이 뛰어나고, 모든 차트는 사용자가 지정할 수 있는 여러가지 옵션을 가지고 있다고 합니다.

구글차트 역시, 여러가지의 예제와 코드를 함께 보여줘서 사용하기도 편해보입니다.

 

4. DS.js (d3js.org/)

d3.js는 많은 양의 데이터와 이미지들을 정보시각화로 구현해주는 자바스크립트 라이브러리입니다.

d3는 외국의 커뮤니티 사이트내에서 '최고의 비쥬얼 데이터 1위', '베스트 자바스크립트 드로잉 라이브로리 1위' 등 성능을 인정받았다고 합니다.

d3는 많은 인기많큼, 다양한 예제들이 있습니다.