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.

90

Total Visits

Bar Chart Race Generator

Create animated bar chart race visualizations from your data
๐Ÿ’ก Data Format

First row: Name, Category, Image URL, then time points (0, 1, 2, ...)

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

  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