---
title: Line Chart Race — Animated Horserace Chart from CSV
url: https://varstatt.com/toolkit/chart-line
description: Animated line chart that draws progressively over time. Also known as horserace or bump chart. CSV data, fullscreen presentation mode.
section: Developer Toolkit (https://varstatt.com/toolkit)
tags: charts
related: Bar Chart (https://varstatt.com/toolkit/chart-bar), Line Chart (https://varstatt.com/toolkit/chart-line), Area Chart (https://varstatt.com/toolkit/chart-area), CSV (https://varstatt.com/toolkit/csv)
---
# Line Chart Race

Animated line chart that draws progressively over time. Also known as horserace or bump chart. CSV data, fullscreen presentation mode.

## How It Works

1. **Load your CSV data** — Paste CSV data or upload a file. Same format as bar chart race — first column is time, remaining columns are data series.
2. **Watch lines draw** — Hit play to see lines draw progressively over time, with colored dots tracking each series at the leading edge.
3. **Present or export** — Fullscreen mode for presentations. Customize line thickness, toggle dots, and choose color palette.

## FAQ

### What's a horserace chart?

A horserace chart (also called a bump chart or line chart race) animates multiple lines over time. It's named after the visual similarity to horses racing — lines overtake each other as values change.

### Can I hide the dots?

Yes. Toggle the Dots checkbox in settings to show or hide the endpoint markers on each line.

### Is my data sent to a server?

No. All processing happens in your browser. Your data stays on your machine.

## Usage

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

## Related Tools

- [Bar Chart](https://varstatt.com/toolkit/chart-bar)
- [Line Chart](https://varstatt.com/toolkit/chart-line)
- [Area Chart](https://varstatt.com/toolkit/chart-area)
- [CSV](https://varstatt.com/toolkit/csv)