Bar Chart Race Generator
Create stunning Bar Chart Race animations in your browser. Upload CSV/Excel files, visualize data racing dynamics. 100% client-side, your data never leaves your device.
654
bar_chart_race_title
bar_chart_race_desc
bar_chart_race_upload_title
bar_chart_race_upload_desc
bar_chart_race_supported_formats💡 bar_chart_race_format_help
bar_chart_race_format_note
Name,Category,Image URL,0,1,2,3,4,5,... Item A,Group 1,https://...,10,20,30,40,50,... Item B,Group 2,https://...,15,25,35,45,55,...
About Bar Chart Race Generator
This tool helps you create dynamic Bar Chart Race visualizations running entirely in your browser. Your data never leaves your device - absolutely secure.
🎯 Key Features
1. Data Privacy
- All processing happens locally in your browser
- No server upload required
- GDPR compliant
2. High Performance
- Powered by Apache ECharts 5.x
- Smooth animations via
realtimeSort: true - Handles large datasets efficiently
3. Easy to Use
- Drag-and-drop CSV/Excel upload
- Auto data parsing
- One-click playback
📊 Data Format
Full format (with images):
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,...
Simple format (no images/categories):
Name,0,1,2,3,4,5,...
Item A,10,20,30,40,50,...
Item B,15,25,35,45,55,...
Field descriptions:
- Name: Competitor/category name (required)
- Category: Group label (optional, for color grouping)
- Image URL: Image link (optional, shown at bar end)
- Number columns (0,1,2,...): Time points, each cell is the value at that moment
🎬 How to Use
- Prepare Data: Format your CSV/Excel as shown above
- Upload File: Drag file to upload area or click to select
- Play Animation: Click play button to watch the race
- Adjust Settings:
- Control playback speed (0.5x, 1x, 2x)
- Drag progress bar to jump to specific time
- Hide control panel for cleaner recording
📹 Screen Recording Tips
For video export, use professional screen recording tools:
- Windows: OBS Studio, Xbox Game Bar
- macOS: QuickTime Player, OBS Studio
- Online: Loom, ScreenPal
Hide the control panel for cleaner recordings.
⚠️ Notes
- Image URLs must be publicly accessible (HTTPS supported)
- Recommend max 100 time points for optimal performance
- If experiencing lag, try reducing data or slowing animation speed