---
title: Area Chart Race — Animated Stacked Area Chart from CSV
url: https://varstatt.com/toolkit/chart-area
description: Animated stacked area chart showing composition changes over time. Stacked and percentage modes. CSV data, fullscreen presentation.
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)
---
# Area Chart Race

Animated stacked area chart showing composition changes over time. Stacked and percentage modes. CSV data, fullscreen presentation.

## How It Works

1. **Load your CSV data** — Same CSV format as the other chart race tools. First column is time labels, remaining columns are numeric series.
2. **Watch areas stack up** — Stacked areas grow as the animation advances, showing both individual values and the total. Switch to 100% mode to see composition.
3. **Customize and export** — Toggle between stacked and percentage modes, show or hide boundary lines, and choose color palette. Export PNG or present fullscreen.

## FAQ

### What's the difference between stacked and 100% mode?

Stacked mode shows absolute values — you see both individual growth and total growth. 100% mode normalizes everything to percentages, highlighting composition changes and market share shifts.

### Can I show boundary lines?

Yes. Toggle the Lines checkbox to show or hide the lines between stacked areas, making boundaries clearer.

### Is my data sent to a server?

No. All processing happens in your browser. Your data never leaves 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)