ChartGPT
Make a Chart Features Pricing Chart Types API
Company
About Blog Search Articles Careers Help Centre Contact
Account
Sign in Create an account

Home / Chart types / Area Chart

Area chart maker

A line chart with the volume filled in. Paste your numbers and get an area chart with a zero baseline, so the size of the shape means what it says. Export as PNG, SVG or PDF on the free plan, no account needed.

Area Chart maker ready
Ctrl + Enter to generate
Start from an example:

Your area chart will appear here

Paste a table or describe your numbers, then press Generate chart.

Nothing you paste is stored — the chart lives in this browser tab until you export it.

The fill changes what the chart is about

An area chart is a line chart with everything below the line shaded. That sounds cosmetic. It isn't.

A line encodes one thing: change, through slope. Filling the space underneath adds a second encoding — magnitude, through area. The reader now sees not just that the number rose, but how much total volume accumulated along the way.

That makes an area chart the right choice when the quantity has a sense of accumulation or bulk: users, sessions, hours, units shipped, revenue. It makes it the wrong choice for anything where the value is a level rather than an amount. Temperature, price, percentage, share, index, rating — filling the space beneath a stock price implies an accumulation of price, which is meaningless. Those are line charts.

The question to ask: does the space under this line represent anything real? If yes, area. If no, line.

The baseline rule flips back

A line chart does not have to start at zero, and ChartGPT will zoom a line to the band its values sit in. An area chart does, and it will not.

Once you fill a region, the reader reads its size. Start the axis at 90 and you have not trimmed empty space — you have cut off the bottom nine-tenths of every area in the chart and left the reader comparing the remains. A series that doubled and one that grew 3% can end up looking identical.

The principle is the same one that governs bar charts: a visual quantity must be proportional to the number it represents. ChartGPT starts every area chart at zero.

If your data lives in a narrow band and a zero baseline flattens it, that is the chart telling you the fill is not doing any work. Use a line.

One series is the right number

A single filled region is what an area chart is for, and it is what ChartGPT draws best: one series, rising from zero, where the growing shape carries the growing quantity.

Give it several series and they are drawn overlapping — each region measured from the baseline, semi-transparent, one on top of another. That is worth knowing before you try it, because overlapping fills are hard to read. Two of them create a third colour where they intersect, which the reader will try to interpret as a category; whichever series is drawn last sits in front of the others.

So the rule for this chart type is short: one series per area chart. If you have several to compare, a line chart shows them all without occlusion, and if the parts make up a total, a stacked bar is the chart that adds them up.

When to use an area chart

It works well for:

  • Accumulating quantities over time — sessions, users, units, hours
  • A single series where volume is the story, not just direction
  • Showing that something grew from nothing — the filled shape carries "we built this" better than a line does

Reach for something else when:

Your situationBetter chartWhy
The value is a level, not an amountLine chartThe space under a price or a percentage means nothing
More than one seriesLine chartFills occlude each other; lines do not
Fewer than about eight time periodsBar chartToo few points to form a meaningful shape
Parts that add up to a totalStacked barAreas are measured from the baseline, not stacked on each other
Values can be negativeLine or barThere is no sensible way to fill below the baseline
The categories are not continuousBar chartA filled region asserts continuity between points

Two worked examples

1. One series, volume story

Data:

Month	Active users
Jan	1200
Feb	1450
Mar	1610
Apr	1980
May	2340
Jun	2720

Prompt: Area chart of monthly active users Jan to Jun. The point is that we tripled in six months.

What you get: one filled region rising from a zero baseline, months in order. The fill is doing real work — active users is a quantity with bulk, and the growing area reads as a growing base rather than just an upward angle.

2. When the fill is the wrong choice

Data:

Week	Uptime
1	99.2
2	99.5
3	98.8
4	99.7
5	99.9

Prompt: Area chart of weekly uptime percent

What you get: a nearly solid block of colour with a barely visible wobble along the top. Uptime is a level, not an accumulating quantity, so the space underneath means nothing — and because an area chart must start at zero, the one percentage point that matters is squeezed into the top hundredth of the chart.

This is the failure the section above describes, and the fix is to ask for a line chart instead: a line may leave the zero baseline, so the same five readings spread across the full height and the dip in week 3 becomes obvious.

Three things that ruin an area chart

1. A non-zero baseline. Covered above. This is the failure that actively misleads, rather than merely cluttering. It is also the one you cannot cause here, because ChartGPT will not draw it.

2. More than one series. Each extra series is another semi-transparent sheet laid over the last, and the one drawn last hides what is behind it. By the third, nobody can tell which shape belongs to which name. One series per area chart; use a line chart when you need to compare several.

3. Using it for a rate or a percentage. Filling the space under a conversion rate implies accumulated conversion rate, which is not a thing. Lines for levels, areas for amounts.

Getting your data in

Put time in the first column and your values in the second. The value column's header becomes the series name.

Month	Active users
Jan	1200

Irregular intervals matter more here than elsewhere. If your points are monthly and then jump to annual, the x-axis must reflect that. Evenly spacing unequal intervals distorts every area in the chart, and areas distort worse than lines because the error compounds across the fill.

The paste limit is 500 rows, on every plan. Like line charts, this is a type where that limit genuinely binds on daily data.

How to make one

  1. Paste your data, time in the first column, one column per series.
  2. Say area chart so it does not infer the type from your data.
  3. Name your units so the axis and subtitle read correctly.
  4. Say what the chart is for so the title states the finding.
  5. Adjust in words. Keep calendar order. Use monthly totals instead of daily. Shorten the title.
  6. Export — SVG for slides, PNG for a quick paste, PDF for print.

Related chart types

  • Line chart — the same data unfilled. Better for levels, rates and precise multi-series comparison.
  • Stacked bar — when the series add up to a total and you need to see the total as well as the parts.
  • Bar chart — when you have too few periods for a shape.

Exporting

SVG, PNG and PDF, on every plan including free. SVG matters for area charts specifically — large flat fills with soft edges are where PNG compression artefacts are most visible. See pricing for what the paid plans add.

Area chart FAQ

Does an area chart have to start at zero?

Yes. An area chart encodes magnitude through the size of the filled region, so cutting off the bottom cuts off most of every area and distorts every comparison. ChartGPT starts at zero. If that flattens your data, the fill is not doing any work — use a line chart.

Area or line — how do I choose?

Ask whether the space under the line means anything. Users, sessions, units and revenue accumulate, so the fill represents something real. Price, temperature, percentage and rating are levels, and filling underneath them is meaningless.

Can I stack several areas into a total?

No. Several series on one area chart are drawn overlapping — each measured from the baseline — rather than stacked into a total. If the parts add up to something, a stacked bar is the chart that shows it.

What happens if I give it several series?

They are drawn overlapping, semi-transparent, one in front of another. It works, but blended regions read as categories that are not there and the series drawn last hides the rest. A multi-series line chart is the better answer.

How many series should an area chart have?

One. Two is already hard to read and three is a mess, because the fills sit on top of each other rather than side by side.

Is the area chart maker free?

Yes. Area charts are on the free plan with PNG, SVG and PDF export and no account needed to try it. The free plan covers 15 charts a calendar month and pastes of up to 500 rows. Charts you generate are yours to use commercially. See pricing.

Make your area chart now.

Paste your numbers into the box and export in a few seconds. Nothing to install, nothing to sign up for.