Chart-Maker — 브라우저에서 그래프와 차트를 생성하는 웹 애플리케이션
온라인 / 오프라인 생성기, 21가지 차트 유형, PNG JPEG WEBP AVIF SVG로 내보내기, 로그, 상세 안내, 앱 설치
사용자용 애플리케이션
Chart-Maker 앱
개발자용 라이브러리
Chart-Maker 라이브러리
차트 설정
JSON
미리보기
사용 방법 — 자세한 안내
「차트 설정」패널에는 모든 컨트롤이 있고, 그 옆의 실시간 미리보기는 변경할 때마다 자동으로 갱신됩니다. 넓은 화면에서는 둘이 나란히, 휴대폰에서는 위아래로 쌓여 설정 아래에 미리보기가 표시됩니다.
진행 순서: 1) 차트 유형을 선택합니다. 2) 제목과 데이터셋 이름을 입력합니다. 3) 아래 표에 데이터를 채웁니다. 4) 필요하면 실행 취소 또는 다시 실행합니다. 5) 「내보내기」를 열어 이미지를 다운로드하거나 프로젝트를 저장합니다.
데이터 입력 방식에 따라 그룹화된 21가지 유형이 있습니다:
- 레이블 / 값: 막대, 선, 영역, 가로 막대, 원, 도넛, 레이더, 극좌표 영역, 워드 클라우드.
- X / Y 점: 산점도(X, Y), 버블(X, Y, 크기).
- 여러 데이터셋: 누적, 그룹, 다중 선, 복합(각 데이터셋은 막대 또는 선).
- 카테고리와 값 목록: 상자 수염, 바이올린.
- 계층: 트리맵(레이블, 값, 그룹).
- 그리드: 히트맵(X, Y, 값).
- 흐름: 생키(시작, 끝, 흐름).
- 지도: 단계 구분도(목록에서 선택한 국가, 값).
데이터 표는 선택한 유형에 맞게 바뀝니다. 「행 추가」는 항목을 추가하고, ×는 하나를 제거합니다.
- 레이블 / 값: 레이블과 숫자.
- 점: X와 Y(버블은 크기도 있음).
- 여러 데이터셋: 카테고리는 쉼표로 구분하고, 각 데이터셋의 값은 쉼표로 구분한 숫자 목록입니다. 복합에서는 각 데이터셋을 막대 또는 선으로 설정합니다.
- 상자 / 바이올린: 값 칸에 쉼표로 구분한 숫자 목록.
- 히트맵: X, Y(카테고리)와 값.
- 생키: 시작, 끝, 흐름의 양.
- 단계 구분도: 국가는 드롭다운에서 선택하고(이름은 인터페이스 언어로 표시) 값을 입력합니다.
「내보내기」버튼을 누르면 창이 열립니다.
- 형식: PNG, JPEG, WEBP, AVIF(브라우저에서 인코딩되는 실제 형식 — 인코더는 처음 사용할 때 로드됨), SVG(벡터).
- 너비와 높이 — 이미지 크기(픽셀). 비워 두면 현재 차트 크기를 의미합니다.
- 이미지 다운로드 — 이미지를 저장합니다. 배경과 차트 아래 데이터 목록이 추가됩니다.
- 프로젝트 저장 — 모든 설정이 담긴 .json 파일. 「기록 및 로그 포함」을 체크하면 함께 파일에 추가됩니다.
「가져오기」버튼을 누르면 .json 프로젝트 파일을 놓거나 클릭하여 선택할 수 있는 영역이 있는 창이 열립니다. 파일을 선택하면 「프로젝트 적용」버튼이 활성화되어 설정을(저장되어 있으면 기록과 로그도) 불러옵니다.
- Ctrl/Cmd + Z — 실행 취소
- Ctrl/Cmd + Y 또는 Ctrl/Cmd + Shift + Z — 다시 실행
- Ctrl/Cmd + S — 프로젝트 저장
- Ctrl/Cmd + E — 내보내기 창
- Ctrl/Cmd + O — 가져오기 창
- Ctrl/Cmd + J — 기록
- Ctrl/Cmd + , — 설정
입력 필드 안에서는 Ctrl+Z와 Ctrl+Y가 일반 텍스트 편집으로 작동합니다.
- 실행 취소 / 다시 실행: 데이터와 설정 변경을 앞뒤로 이동합니다.
- 기록: 작업, 힌트, 오류를 보관하며 지울 수 있습니다.