티스토리 뷰

웹프로젝트

Front-End 차트 라이브러리 (무료)

Hilu 2019. 4. 28. 09:27

1. ChartJS

-> https://www.chartjs.org/

 

Chart.js | Open source HTML5 Charts for your website

New in 2.0 New chart axis types Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease.

www.chartjs.org

-> Canvas 기반이다. 그리고 깃허브 별점이 많은 만큼, 이슈가 생겼을때 해결 할 수 있는 레퍼런스 정보들이 많다. 

 

2. D3.js

-> https://d3js.org/

 

D3.js - Data-Driven Documents

D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS.

d3js.org

-> Chart.js 에 비해서 고도화된 기능들이 많지만, 기능이 거대한 만큼 사용하기가 조금 무거운 면이 있다. 다음에 꼭 사용해 보도록 해야 겠다.

 

3. C3.js

-> https://c3js.org/

 

C3.js | D3-based reusable chart library

Comfortable C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. Customizable C3 gives some classes to each element when generating, so you can define a custom st

c3js.org

-> D3.js 가 다양한 기능을 제공하는 만큼 사용성이 좀 떨어 지기 때문에 사용성을 강화하여 좀 더 쉽게 쓸수 있게 만든 JavaScript 라이브러리

 

결국, 이번 웹프로젝트 개발에서는 래퍼런스도 많고 가볍게 기능 구현이 가능한 Chart.JS 를 사용 하도록 하겠다. 또한, Canvas 도 관심이 있었는데 이번 기회에 접해 봐야겠다.

'웹프로젝트' 카테고리의 다른 글

기타 정리  (0) 2019.05.04
MongoDB query 작성 (JPA)  (0) 2019.05.02
MongoDB 와 Front-End 연결  (0) 2019.04.28
Chart.js 를 사용해 front 구성  (0) 2019.04.28
Spring Boot 로 웹프로젝트 구성하기 - 개발 환경 설정  (0) 2019.04.28
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/04   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
글 보관함