Bubble Chart Race

Animated bubble chart where circle sizes represent values. Watch bubbles grow and shrink as data changes over time.

Sample:

Drop a CSV file here or click to browse

How It Works

Load your CSV data

Same CSV format as the other chart race tools. First column is the time label, remaining columns are numeric data series.

Watch bubbles animate

Circle sizes represent values — larger values produce larger bubbles. They rearrange and resize as the animation plays.

Customize and export

Set max bubbles, label position (inside or outside), color palette, and value format. Export PNG or present fullscreen.

Animated Bubble Charts

Bubble chart races visualize data as circles whose area is proportional to value. Inspired by Hans Rosling's Gapminder presentations, they make relative scale differences immediately intuitive — a country with twice the population gets a circle with twice the area, not twice the diameter.

FAQ

Circle radius scales with the square root of the value, so the circle area is proportional to the data. This prevents large values from visually dominating the chart.

Yes. Switch Labels to 'Outside' in settings. This is useful when bubbles are small and text doesn't fit inside.

No. Everything runs locally in your browser.

Built & Maintained by Varstatt

Varstatt is a one-person product studio run by Jurij Tokarski, product engineer since 2011. These tools are free and open — no signup, no catch.