그래프 생성기

그래프 생성기는 기록지에 적은 숫자로 막대, 꺾은선, 원, 도넛 그림을 만듭니다. 요일별 주문이나 월별 방문자처럼 항목과 값을 나란히 적으면 측정판에 바로 그려지고, 정사각·와이드·문서용 크기 중 하나를 골라 PNG나 SVG로 저장할 수 있습니다. 그림 안의 글자와 숫자는 같은 내용을 문장과 표로도 보여 주므로, 그림을 보기 어려운 상황에서도 값을 읽을 수 있습니다.

색은 팔레트에서 집지 않고 계열마다 직접 고릅니다. 채도와 밝기 네모, 색상 띠, 여섯 자리 색 코드를 쓸 수 있고, 고치는 동안 지금 마감의 바탕과 비교해 대비가 3:1보다 낮은지, 다른 계열과 너무 비슷하지 않은지 다시 잽니다. 기준에 못 미치면 이유를 글로 적고, 원래 색과 가까운 보정안을 제안합니다. 조각 안에 적는 글자색은 흰 글자와 검은 글자 중 더 잘 보이는 쪽으로 알아서 고릅니다.

마감은 색과 따로 움직입니다. 작업대는 굵은 제목과 가로 격자, 심플은 격자를 줄인 가는 선, 리포트는 위쪽 굵은 줄과 촘촘한 눈금, 다크는 짙은 바탕과 밝은 글자입니다. 마감을 바꿔도 이미 고른 계열 색은 유지되고, 다크 바탕에서 묻히는 색만 따로 알려 줍니다. 예시로 채워진 표는 그림에 예시 데이터라고 적혀 지어낸 숫자와 구분됩니다.

원과 도넛은 전체 가운데 비율을 볼 때 쓰고, 막대는 항목끼리 크기를 비교할 때, 꺾은선은 시간에 따른 변화를 볼 때 맞습니다. 원 그래프는 첫 계열만 읽고 0보다 큰 값만 받습니다. 항목이 많으면 다섯 조각 뒤는 기타로 묶습니다. 꺾은선은 계열을 네 개까지 올릴 수 있고, 표가 가로로 길어져도 기록지 안에서만 스크롤되어 화면 전체가 옆으로 밀리지 않습니다.

그래프를 그리는 일은 Chart.js (새 창)가 맡고, SVG로 저장할 때는 canvas2svg (새 창)를 씁니다. 둘 다 MIT 라이선스입니다. 색을 재고 보정안을 찾는 계산은 이 사이트에서 직접 작성했고, 별도의 색 라이브러리를 붙이지 않았습니다. 비율을 먼저 숫자로 확인하고 싶으면 퍼센트 계산기를 쓰고, 색 코드를 다른 표기로 바꿀 때는 색상 변환으로 이어가면 됩니다. 길이로 환산할 값이 있으면 단위 변환을 쓰고, 기간을 먼저 세어야 하면 날짜 계산기에서 일수를 구한 뒤 그 숫자를 기록지에 넣으면 됩니다.

저장 전에 제목, 부제, 단위, 출처, 축 이름을 적을 수 있습니다. 큰 수는 축 눈금에서 만·억으로 줄이고, 데이터 라벨까지 줄일지는 따로 고릅니다. 소수 자릿수는 입력한 그대로 두거나 0자리, 1자리, 2자리 중 하나로 맞출 수 있습니다. 파일 이름을 비우면 제목을 파일 이름으로 씁니다. 이미지가 필요하면 PNG로 저장하거나 복사하고, 설명을 문서에 붙이려면 그래프 설명 복사를 쓰면 됩니다.