자바스크립트 애니메이션 차트를 이용해 데이터 시각화하기

안녕하세요. 이번 시간에는 javascript로 chart.js를 활용해서 데이터 시각화를 위한 애니메이션 차트 만드는 법을 알아볼 거예요. chart.js는 canvas를 이용해서 다양한 유형의 차트를 그릴 수 있는 오픈소스 라이브러리예요. 사용법이 간편하고 많은 옵션이 제공돼서 누구나 쉽게 차트를 만들고 커스터마이징 할 수 있답니다. ​ 이번에 만들 차트는 일반적으로 많이 사용하는 대표적인 막대, 라인, 원형 3종 차트입니다. 코드가 너무 길어지면 소스코드 의 가독성이 덜어지기 때문에 html 파일은 따로 만들고 디자인은 최소한으로 해서 코드를 줄일 거예요. 화면 우측에는 그래프를 보여주고, 좌측은 x축과 y축 각각 데이터를 입력할 수 있는 텍스트 필드를 만들어줄게요. 데이터를 입력할 수 있도록 추가..