티스토리 뷰
프로그래밍/Frontend
[javascript Chart] 예쁜 자바스크립트 차트 (javascript chart) 사이트 amcharts!
돔돔이 2021. 3. 21. 23:01728x90
반응형
최근에 자주쓰고있는 차트 사이트 amcharts
개인적으로 기능성, 응용성, 디자인 세 가지 모두 괜찮은 차트다.
사용법도 너무 간단하고, 디자인도 예쁘고, 무엇보다 응용력이 쩌는 차트!
한 차트를 가지고 기능을 추가하고 삭제하면서 무한히 새로운 차트를 만들 수가 있다.
무료버전은 차트의 왼쪽하단에 amcharts의 브랜드마크(?)가 있고, 유료버전은 마크 없이도 사용가능하다고 한다.
amcharts
사이트에 들어가면 데모를 볼 수 있는데, 원하는 차트를 클릭하면 코드 전체를 볼 수 있고, 사이트의 상단 메뉴바에 있는 Docs 를 들어가면 차트들을 어떻게 응용하여 사용할 수 있는 지 친절하게 알려준다.
예를 들어서 amcharts에 있는 Force-directed network 차트는 아래와 같이 생겼고, 이 차트를 응용하여 여러 새로운 차트를 만들어 낼 수 있다.
↓응용
여기에다가 X바 스크롤, Y바 스크롤, 줌인, 줌아웃, 크기설정, 색깔설정 모두 원하는대로 수정하여 사용할 수 있다.
728x90
반응형
'프로그래밍 > Frontend' 카테고리의 다른 글
[오류해결] Uncaught ReferenceError: $ is not defined (0) | 2021.09.01 |
---|---|
[echarts] 무료 자바스크립트 차트 Echarts 편하게 사용하기 (0) | 2021.09.01 |
[React] reset.css 적용 방법 (0) | 2021.05.14 |
[오류해결] Uncaught TypeError: is not a function (0) | 2021.03.22 |
[JQuery] Jquery link 제이쿼리 최신버전 링크 항상 사용! (0) | 2021.03.21 |
댓글