막대그래프 만들기

숫자를 입력하거나 붙여 넣으면 보고서, 슬라이드, 게시물에 바로 넣을 수 있는 깔끔한 막대그래프가 만들어집니다. 값 열이 하나이면 단순한 막대 차트가 되고, 두 개 이상이면 범례가 있는 그룹형 또는 누적형 막대가 됩니다. 그래프는 브라우저에서 그려지며, 문서용 PNG와 선명도를 잃지 않고 크기를 바꾸거나 스타일을 고칠 수 있는 SVG로 나옵니다.

사용 방법

1. 막대 하나당 "라벨, 값" 한 줄을 입력하거나, 엑셀이나 구글 스프레드시트의 표를 첫 행에 계열 이름이 오게 붙여 넣습니다.
2. 세로 또는 가로 막대를 고르고, 계열이 여러 개이면 그룹형 또는 누적형을 고릅니다.
3. 제목, 축 제목, 값 표시를 추가하고 색상 세트나 직접 지정한 HEX 색을 고릅니다.
4. 크기와 PNG 해상도를 정한 뒤 PNG 또는 SVG를 내려받습니다.

계산식

step = nice(range ÷ n), with nice() rounding to 1, 2 or 5 × 10ᵏ; axis = [⌊min ÷ step⌋ × step, ⌈max ÷ step⌉ × step]

막대의 길이가 곧 값이므로, 값 축에는 항상 0이 포함됩니다. 막대그래프를 0보다 위에서 시작하면 차이가 과장됩니다. n(구간 수)은 차트 크기를 따르며, 기둥은 높이 70 px마다, 가로 막대는 너비 110 px마다 눈금선이 하나 생깁니다. 막대 위에 값을 표시할 때는 라벨이 차트 안에 들어가도록 가장 큰 값과 가장 작은 값에 먼저 8%의 여유를 둡니다.

예시

2025년과 2026년의 노트북 42/51, 휴대폰 65/72, 태블릿 28/24, 액세서리 19/31은 네 그룹에 막대 8개가 됩니다. 가장 큰 값은 72이고 라벨을 위한 8% 여유를 더하면 77.8입니다. 기본 높이 500 px에서 축은 7개 구간을 목표로 하고, 77.8 ÷ 7 ≈ 11.1이 간격 10으로 반올림되어 축은 0에서 80까지입니다.