https://rakaso598.github.io/input-data-visualizer/
Data Visualization
English 한글 User Data Visualization This tool allows you to visualize data by entering comma-separated values. You can choose to display the data as a bar chart, line chart, pie chart, radar chart, doughnut chart, or scatter chart. You can reset the inp
rakaso598.github.io
이 정적 웹페이지는 언어 토글 기능을 제공합니다 [ English / 한글 ]
사용자는 입력칸에 숫자를 콤마(,)로 구분하여 나열하고 버튼을 눌러 차트를 생성할 수 있습니다.
이렇게 입력 데이터를 모달창 형식으로 시각화하여 보여줍니다.
[ X ] 를 눌러 이전 화면으로 복귀하고 다른 차트를 사용할 수 있습니다.
[ Reset ] 을 누르면 모든 입력 데이터를 초기화하고 다시 작성할 수 있습니다.
자바스크립트의 오픈 소스 라이브러리인 Chart.js 를 활용했습니다.
'GitHub' 카테고리의 다른 글
| 온디맨드 CSS 애니메이션으로 웹페이지 꾸미기 [CSS/JS] (1) | 2024.10.28 |
|---|---|
| 총알 피하기 게임 만들고 플레이 및 배포해보자 [GitHub Pages] (1) | 2024.10.24 |
| 카드 맞추기 게임 만들고 배포, 플레이까지 해보자 [GitHub Pages] (1) | 2024.10.22 |
| 깃허브 페이지에 두더지게임을 배포해보자 [PC/Mobile] (2) | 2024.10.21 |
| GitHub Pages로 정적 웹페이지 배포하기 [후기] (2) | 2024.10.17 |