차트 유형
차트 제목
레이블 (쉼표 구분)
예: 1월,2월,3월
데이터 (쉼표 구분)
예: 100,200,150
차트 만들기 (그래프 생성기)
숫자 몇 개 붙여넣고 차트 종류 고르면 끝. PNG로 바로 저장하세요.
쓰는 법
- 차트 종류 선택 (막대/선/파이/도넛).
- 레이블 입력:
1월, 2월, 3월, 4월 - 값 입력:
120, 150, 180, 210 - 생성 누르면 미리보기 영역에 차트가 뜨고, 아래 버튼으로 PNG 다운로드 가능.
예시
레이블: Chrome, Safari, Firefox, Edge
값: 65, 19, 3, 4
차트 종류: 파이
→ 브라우저 점유율 파이 차트 생성엑셀 안 켜고 차트 바로 뽑기
발표 자료나 블로그에 숫자 몇 개 시각화할 일 생겼을 때, 엑셀 띄우고 영역 지정하고 차트 삽입하고... 이 과정이 은근 귀찮잖아요. 여기는 레이블이랑 값을 쉼표로 구분해서 넣기만 하면 즉석에서 그려드려요. Chart.js 기반이라 반응형 인터랙티브 차트로 나옵니다.
막대, 선, 파이, 도넛 4종 지원해요.
여기 쓰시면 편한 점
- 막대, 선, 파이, 도넛 4종을 한 화면에서 전환하면서 어느 게 보기 좋은지 비교할 수 있어요.
- PNG 다운로드가 원클릭이라 블로그나 발표자료에 바로 붙여 넣을 수 있어요.
- 숫자 바꾸자마자 차트가 업데이트돼서 '이 데이터 맞나?' 확인하기 편합니다.
- 별도 설치, 회원가입 없고 모바일에서도 그려져요.
다른 차트 도구랑 비교
| 항목 | 사장나라 | 엑셀 | Google Charts |
|---|---|---|---|
| 설치 | 필요 없음 | 필요 | 필요 없음 |
| PNG 저장 | 원클릭 | 우클릭 저장 | 가능 |
| 인터랙티브 | 있음 (호버) | 제한적 | 있음 |
| 진입 장벽 | 낮음 | 높음 | 코드 작성 필요 |
자주 묻는 질문
데이터는 어떤 형식으로 넣나요?
레이블 칸에 쉼표로 구분된 텍스트(1월, 2월, 3월), 값 칸에 쉼표로 구분된 숫자(120, 150, 180)를 넣으시면 돼요. 개수가 서로 일치해야 합니다.
차트를 이미지로 저장할 수 있나요?
네, 미리보기 아래 다운로드 버튼 누르시면 현재 차트가 PNG 파일로 저장됩니다. 블로그나 슬라이드에 바로 쓰실 수 있어요.
여러 개의 데이터 시리즈를 한 차트에 넣을 수 있나요?
지금은 단일 시리즈만 지원해요. 여러 시리즈 비교가 필요하면 각각 따로 차트를 만드시거나 Chart.js 공식 사이트에서 직접 구현하시는 걸 추천합니다.
색상 커스터마이징 가능해요?
기본 색상 팔레트가 자동으로 들어가요. 특정 색을 꼭 써야 한다면 다운로드한 PNG를 이미지 편집 도구에서 수정하시는 게 빠릅니다.
데이터가 서버로 전송되나요?
아니요. 입력하신 숫자와 레이블은 전부 브라우저에서 처리되고 서버로 안 올라갑니다.