[javascript Chart] 예쁜 자바스크립트 차트 (javascript chart) 사이트 amcharts!

 

최근에 자주쓰고있는 차트 사이트 amcharts

 

개인적으로 기능성, 응용성, 디자인 세 가지 모두 괜찮은 차트다.

사용법도 너무 간단하고, 디자인도 예쁘고, 무엇보다 응용력이 쩌는 차트!

한 차트를 가지고 기능을 추가하고 삭제하면서 무한히 새로운 차트를 만들 수가 있다.

무료버전은 차트의 왼쪽하단에 amcharts의 브랜드마크(?)가 있고, 유료버전은 마크 없이도 사용가능하다고 한다.

 

 

 

amcharts

(www.amcharts.com/demos/)

 

 

사이트에 들어가면 데모를 볼 수 있는데, 원하는 차트를 클릭하면 코드 전체를 볼 수 있고, 사이트의 상단 메뉴바에 있는 Docs 를 들어가면 차트들을 어떻게 응용하여 사용할 수 있는 지 친절하게 알려준다.

Chart Demos - amCharts

 

www.amcharts.com

 

예를 들어서 amcharts에 있는 Force-directed network 차트는 아래와 같이 생겼고, 이 차트를 응용하여 여러 새로운 차트를 만들어 낼 수 있다.

↓응용

여기에다가 X바 스크롤, Y바 스크롤, 줌인, 줌아웃, 크기설정, 색깔설정 모두 원하는대로 수정하여 사용할 수 있다.