막대 차트 레이스 생성기
브라우저에서 아름다운 막대 차트 레이스 애니메이션을 생성하세요. CSV/Excel 파일을 업로드하여 데이터 경주를 시각화합니다. 100% 클라이언트 측 실행, 데이터 유출 없음.
동적 막대 차트 레이스 생성
이 도구는 브라우저에서 완전히 실행되는 동적 막대 차트 레이스(Bar Chart Race) 시각화를 만드는 데 도움이 됩니다. 데이터는 서버로 전송되지 않으며 절대적으로 안전합니다.
🎯 핵심 특징
1. 데이터 개인정보 보호
- 모든 데이터 처리는 브라우저 로컬에서 완료됩니다
- 서버 업로드가 필요 없습니다
- GDPR 등 개인정보 보호 규정을 준수합니다
2. 강력한 성능
- Apache ECharts 5.x 기반
realtimeSort: true를 통해 부드럽고 유연한 동적 정렬 애니메이션 구현- 대량의 데이터 렌더링 지원
3. 사용 편의성
- CSV/Excel 파일 드래그 앤 드롭 업로드 지원
- 데이터 자동 해석
- 클릭 한 번으로 애니메이션 재생
📊 데이터 형식
표준 형식(이미지 포함):
Name,Category,Image URL,0,1,2,3,4,5,...
A,B,https://example.com/a.jpg,0,5,10,15,20,...
A,B,https://example.com/b.jpg,0,3,8,12,18,...
A,B,https://example.com/c.jpg,0,7,14,21,28,...
간편 형식(이미지 및 카테고리 미포함):
Name,0,1,2,3,4,5,...
Item A,10,20,30,40,50,...
Item B,15,25,35,45,55,...
필드 설명:
- Name: 참가자/카테고리 이름(필수)
- Category: 그룹 태그(선택 사항, 색상 그룹화에 사용)
- Image URL: 이미지 링크(선택 사항, 막대 끝에 표시)
- 숫자 열(0,1,2,...): 시점, 각 셀은 해당 시점의 수치
🎬 사용 방법
- 데이터 준비: 위 형식에 맞춰 CSV 또는 Excel 파일을 준비합니다
- 파일 업로드: 파일을 업로드 영역으로 드래그하거나 클릭하여 선택합니다
- 애니메이션 재생: 재생 버튼을 클릭하여 동적 레이스 효과를 감상합니다
- 설정 조정:
- 재생 속도 조절(0.5x, 1x, 2x)
- 진행 표시줄을 드래그하여 특정 시점으로 이동
- 제어판 숨기기(화면 녹화 시 유용)
📹 화면 녹화 제안
비디오를 내보내야 하는 경우 전문 화면 녹화 도구를 사용하는 것이 좋습니다:
- Windows: OBS Studio, Xbox Game Bar
- macOS: QuickTime Player, OBS Studio
- 온라인 도구: Loom, ScreenPal
제어판을 숨기면 더 깨끗한 녹화 결과물을 얻을 수 있습니다.
⚠️ 주의 사항
- 이미지 URL은 공개적으로 액세스 가능해야 합니다(HTTPS 지원)
- 원활한 재생을 위해 데이터 포인트는 100개 이하로 유지하는 것이 좋습니다
- 성능 문제가 발생하면 데이터 양을 줄이거나 애니메이션 속도를 낮춰보세요