CD9 - Chart Design Tool for C3

CD9은 C3.JS (D3-based library) 챠트를 손쉽게 이용할 수 있게 하는 도구이다.

소스는 Github에서 받을 수 있고,

데모는 여기에서 확인할 수 있다.

C3는 D3 라이브러리를 이용하여 만든 챠트 라이브러리 이고,

D3 (Data-Driven Documents)는 웹에서 데이터를 시각적으로 쉽게 조작할 수 있도록 만든 라이브러리이다.

C3는 제법 괜찮은 챠트를 제공하지만 조금 사용하기 어려움이 있어서 쉽게 사용할 수 있는 도구를 제작하였다.

CD9은 챠트 설정, 데이터 입력, 미리 보기 부분으로 구성되어 있다.

사용자가 직접 데이터를 입력하고

원하는 상세한 차트 설정을 지정하여 즉시 확인 할 수 있다.

확인된 설정은 작성 기능을 이용하여

C3JS 챠트 사용에 필요한 자바 스크립트 코드와 CSS 설정을 생성 할 수 있다.

크롬과 firefox에서는 잘 작동되지만

IE에서는 HTML5의 숫자와 색 입력이 제대로 작동되지 않는다.