---
title: Bubble Chart Race — Animated Bubble Chart from CSV
url: https://varstatt.com/toolkit/chart-bubble
description: Animated bubble chart where circle sizes represent values. Watch bubbles grow and shrink over time. CSV data, fullscreen mode.
section: Developer Toolkit (https://varstatt.com/toolkit)
tags: charts
related: Bubble Chart (https://varstatt.com/toolkit/chart-bubble), CSV (https://varstatt.com/toolkit/csv)
---
# Bubble Chart Race

Animated bubble chart where circle sizes represent values. Watch bubbles grow and shrink over time. CSV data, fullscreen mode.

## How It Works

1. **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.
2. **Watch bubbles animate** — Circle sizes represent values — larger values produce larger bubbles. They rearrange and resize as the animation plays.
3. **Customize and export** — Set max bubbles, label position (inside or outside), color palette, and value format. Export PNG or present fullscreen.

## FAQ

### How is bubble size calculated?

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.

### Can I show labels outside the bubbles?

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

### Is my data sent to a server?

No. Everything runs locally in your browser.

## Usage

This tool runs entirely in the browser — visit the URL above to use it.

## Related Tools

- [Bubble Chart](https://varstatt.com/toolkit/chart-bubble)
- [CSV](https://varstatt.com/toolkit/csv)