Chart-Maker — 브라우저에서 그래프와 차트를 생성하는 웹 애플리케이션

데이터 입력 방식에 따라 그룹화된 29가지 유형이 있습니다:

• 레이블 / 값: 막대, 선, 영역, 가로 막대, 원, 도넛, 레이더, 극좌표 영역, 워드 클라우드.
• X / Y 점: 산점도(X, Y), 버블(X, Y, 크기).
• 여러 데이터셋: 누적, 그룹, 다중 선, 복합(각 데이터셋은 막대 또는 선).
• 카테고리와 값 목록: 상자 수염, 바이올린.
• 계층: 트리맵(레이블, 값, 그룹).
• 그리드: 히트맵(X, Y, 값).
• 흐름: 생키(시작, 끝, 흐름).
• 지도: 단계 구분도(목록에서 선택한 국가, 값).
• 오차 막대 그래프
• 캔들스틱 / OHLC
• 퍼널
• 벤 다이어그램
• 그래프(네트워크)
• 게이지
• 함수 (y = f(x))

데이터 표는 선택한 유형에 맞게 바뀝니다. 「행 추가」는 항목을 추가하고, ×는 하나를 제거합니다.

• 레이블 / 값: 레이블과 숫자.
• 점: X와 Y(버블은 크기도 있음).
• 여러 데이터셋: 카테고리는 쉼표로 구분하고, 각 데이터셋의 값은 쉼표로 구분한 숫자 목록입니다. 복합에서는 각 데이터셋을 막대 또는 선으로 설정합니다.
• 상자 / 바이올린: 값 칸에 쉼표로 구분한 숫자 목록.
• 히트맵: X, Y(카테고리)와 값.
• 생키: 시작, 끝, 흐름의 양.
• 단계 구분도: 국가는 드롭다운에서 선택하고(이름은 인터페이스 언어로 표시) 값을 입력합니다.
• 오차 막대 그래프: 레이블, 값, 오차.
• 캔들스틱 / OHLC: 날짜, O/H/L/C.
• 퍼널: 레이블, 값.
• 벤 다이어그램: 집합(쉼표로 구분), 값.
• 그래프(네트워크): 노드(쉼표로 구분), 시작/끝.
• 게이지: 값, 최대.
• 함수 유형은 y = f(x)를 그립니다. 식(예: sin(x), x^2, sqrt(x)), X 범위(최소·최대), 점 개수를 입력하세요. 함수가 식을 계산해 곡선을 그리고, 식은 차트 아래 데이터 목록에도 표시됩니다.

「내보내기」버튼을 누르면 창이 열립니다.

• 형식: PNG, JPEG, WEBP, AVIF(브라우저에서 인코딩되는 실제 형식 — 인코더는 처음 사용할 때 로드됨), SVG(벡터).
• 너비와 높이 — 이미지 크기(픽셀). 비워 두면 현재 차트 크기를 의미합니다.
• 이미지 다운로드 — 이미지를 저장합니다. 배경과 차트 아래 데이터 목록이 추가됩니다.
• 프로젝트 저장 — 모든 설정이 담긴 .json 파일. 「기록 및 로그 포함」을 체크하면 함께 파일에 추가됩니다.
• 콤보/멀티에서는 각 데이터셋이 좌우 Y축을 선택할 수 있습니다.

「가져오기」버튼을 누르면 .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가 일반 텍스트 편집으로 작동합니다.

• 실행 취소 / 다시 실행: 데이터와 설정 변경을 앞뒤로 이동합니다.
• 기록: 작업, 힌트, 오류를 보관하며 지울 수 있습니다.

데이터 표 위의 «고급» 섹션에는 선택 설정이 모여 있습니다: 부제목; 선 부드럽게, 계단형·점선·채움 선; 누적 및 로그 Y축; 데시메이션; 범례 위치; 점 크기와 선 두께; 애니메이션 길이와 이징; 그리고 필요 시 로드되는 효과 — 데이터 레이블, 확대/이동, 주석, 추세선, 십자선. 콤보·멀티 차트에서는 각 데이터셋이 좌우 Y축을 선택할 수 있습니다. 각 옵션은 해당 유형에서만 표시됩니다.