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.
Your area chart will appear here
Paste a table or describe your numbers, then press Generate chart.
Switching type redraws the data you already have. 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 situation | Better chart | Why |
|---|---|---|
| The value is a level, not an amount | Line chart | The space under a price or a percentage means nothing |
| More than one series | Line chart | Fills occlude each other; lines do not |
| Fewer than about eight time periods | Bar chart | Too few points to form a meaningful shape |
| Parts that add up to a total | Stacked bar | Areas are measured from the baseline, not stacked on each other |
| Values can be negative | Line or bar | There is no sensible way to fill below the baseline |
| The categories are not continuous | Bar chart | A 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
- Paste your data, time in the first column, one column per series.
- Say
area chartso it does not infer the type from your data. - Name your units so the axis and subtitle read correctly.
- Say what the chart is for so the title states the finding.
- Adjust in words.
Keep calendar order.Use monthly totals instead of daily.Shorten the title. - 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.