웹페이지에 차트를 넣고 싶어서 찾아보다가 알게된 오픈소스 차트 라이브러리, Nwagon.

네이버에서 제공하는 서비스인데, 다양한 종류의 차트를 제공하고 있다.

주요 특징은 다음과 같다.

간단한 사용법을 살펴보자.

다음의 사이트에서 Download를 눌러서 라이브러리를 다운받은 후 압축을 풀면 Nwagon.css, Nwagon.html, Nwagon.js, Nwagon_no_vml.js의 네개의 파일이 보인다.

여기서 html파일은 예제파일이고 차트를 사용하는데 필요한 파일은 css파일과 js 파일이다.

두개의 파일을 자신의 웹사이트의 경로에 복사해두고, 아래와 같이 css, js 파일의 경로를 추가한다.

<link rel=“stylesheet” href=“Nwagon.css” type=“text/css”>

<script src=“Nwagon.js”></script>

그리고 다음과 같이 스크립트 코드를 작성해주면 된다.

아래는 컬럼 차트의 예이다.

Column Chart