Bootstrap

한뼘코딩.com

생산성

그래프제작기

프로그램 소개

코드 켜면 설명 없어도 할 수 있을것이라고 믿습니다!

그래프제작기

README

개요

Chart.js로 막대·꺾은선·파이·도넛·표 등 그래프 유형을 바꿀 수 있고, 레이블·값·색을 입력해 데이터를 쌓은 뒤 차트와 표로 확인합니다. (일부 CSS에 오타가 있을 수 있습니다.)

파일 구조

  • 그래프제작기.html — 화면·스타일·동작 스크립트가 들어 있는 단일 HTML 파일입니다.

화면·작동 안내

주요 UI 요소

  • 그래프 유형 선택
  • 레이블·값·색 입력
  • 차트·표 영역

사용 흐름

  1. 그래프제작기.html을 엽니다.
  2. 유형을 고르고 데이터를 추가해 그래프를 갱신합니다.

프로젝트 진행 상황

  • [x] 다중 차트 유형·테이블
  • [ ] 데이터보내기
  • [ ] CSS 정리

첨부 파일

  • README.md
  • 그래프제작기.html
  • preview_capture_20260412132034.jpg

첨부 파일