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

1. Prepare Data: Format your CSV/Excel as shown above
2. Upload File: Drag file to upload area or click to select
3. Play Animation: Click play button to watch the race
4. 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