Skip to content

Bar Chart Race Generator

Paste a table of entities × time periods and get an animated bar chart race with smooth rank interpolation, value labels, rank numbers and a scrubbable timeline. Export any frame as a PNG.

First cell is ignored; the rest of the header row is the period labels. Up to 60 entities and 24 periods.

Playback

Standings — 2018

  1. 1Basalt88
  2. 2Delta Labs64
  3. 3Granite55
  4. 4Aurora42
  5. 5Ember30
  6. 6Fjord22
  7. 7Cinder12
  8. 8Halcyon8

Live preview

Bars move continuously between periods: both the length and the vertical rank slide with eased interpolation, so overtakes happen mid-frame instead of snapping.

About this tool

The Bar Chart Race Generator reads a plain table of entities against time periods and animates a ranked bar chart on a canvas, interpolating both values and ranks between frames so position changes look continuous. Colours are assigned deterministically from a hash of each entity name, so the same entity keeps its colour across every run and every export. Playback, scrubbing and PNG export all happen locally in your browser.

  • 100% free — no account needed
  • Runs in your browser
  • Nothing is uploaded

Frequently asked questions

Is Bar Chart Race Generator really free?

Yes. Bar Chart Race Generator is completely free on PureBrowser — every feature, with no account, no trial, and no credit card.

Does Bar Chart Race Generator upload my data?

No. Bar Chart Race Generator runs entirely inside your browser, so anything you type, paste, or open stays on your own device.

Do I need to sign up or install anything?

Neither. There is no account and nothing to download — open the page and Bar Chart Race Generator is ready to use on desktop or mobile.

Does Bar Chart Race Generator work offline?

Once the page has loaded, yes. All of the processing happens locally in your browser, so it keeps working without a connection.

More design & visual

CSS Gradient Generator

Create linear CSS gradients with a live preview.

CSS Box Shadow Generator

Build and preview CSS box-shadow values with one-click copy.

CSS Glassmorphism Generator

Generate frosted-glass CSS with backdrop blur and copy-ready styles.

QR Code Generator

Generate custom QR codes for any text or URL.

WiFi QR Code Generator

Generate a scannable QR code to share WiFi credentials instantly.

Letter Profile Picture

Generate avatar images from initials with custom colors.