Area Chart Maker

Make an area chart online for free: stack your series to show a total over time and download a sharp PNG or SVG.

or paste data from a spreadsheet, or drop a CSV file

Legend
Values
Stacked
Smooth
Trend line
Chart
.png

An Area Chart for Totals Over Time

An area chart is a line graph with the space under the line filled in, which makes the size of each amount easy to feel at a glance. Stacked, it shows how a total is built up and how that mix changes: energy by source, revenue by product, time spent per task. Put the years or months in the first column of the table and one column per series next to it; the areas are drawn stacked by default, each resting on the one below, so the top edge is the total.

Stacked or Overlapping

Open More options and turn Stacked off to let every series start from the bottom instead, with a see-through gradient so the areas behind stay visible. Smooth draws soft curves that never overshoot the data; turn it off for straight edges. The legend names each series from its column heading, and the colours come from six palettes or your own picks.

Paste From a Spreadsheet

Copy the cells from Excel or Google Sheets and paste them into the top-left cell, or drop a CSV file on the page. The same data can be seen as a line graph or a stacked bar graph, and the chart maker has every type.

Download and Share

PNG at 2400 pixels wide, a scalable SVG, or JPG, on a light, dark or transparent background. Nothing you type is uploaded: the table, the chart and the file you download stay in your browser, there is no sign-up and no watermark.

Frequently Asked Questions About the Area Chart Maker

What is the difference between a stacked area chart and a line chart?

A line chart draws each series from zero on its own. A stacked area chart piles the series on top of each other, so you see both the total and the share of each part.

Can the areas overlap instead of stacking?

Yes. Turn Stacked off under More options; each area then starts at zero with a transparent fill.

How many series can I add?

As many as you need, one per column. Past five or six the chart gets hard to read, so group small ones into Other.