Chart maker

100% Stacked Area Chart Maker

Show how the mix of categories shifts over time

A 100% stacked area chart fills the plot from bottom to top with one layer for each category, and the layers always add up to 100 percent. InstaCharts builds it from a grouped area chart when you choose the Normalize option, which shows how the mix of categories shifts over time.

Make a 100% Stacked Area Chart Free
Open the Demo

A live 100% stacked area chart example

An interactive 100% stacked area chart built and embedded with InstaCharts.

Your data

What data you need for a 100% stacked area chart

Paste your spreadsheet, upload a CSV or Excel file, or connect a Google Sheet, and InstaCharts detects your column types and builds the 100% stacked area chart automatically.

X

X-Axis

Dates or ordered categories, the time periods along the bottom

Y

Y-Axis

Numerical values that InstaCharts converts into shares of the total

B

Breakdown

Categorical data, where each unique value becomes a layer

Use cases

When to use a 100% stacked area chart

Best uses

  • Show how market share, traffic sources, or revenue streams change over time
  • Compare the relative composition of categories while the overall total grows or shrinks
  • Highlight the moment one category overtakes another
  • Present long time series where the mix matters more than the absolute values

When another chart fits better

  • Absolute totals over time are clearer in a standard grouped area chart
  • Precise comparisons of a middle layer suit a grouped line chart or grouped bar chart
  • More than four or five categories produce thin layers, so filter to the largest ones

How it works

How to make a 100% stacked area chart

  1. Step 1

    Add your data

    Use a date or ordered category column, a breakdown column for the layers, and a numeric value column.

    InstaCharts new sheet dialog with options to upload a file, connect a data source, or start a blank sheet

  2. Step 2

    Pick the grouped area chart

    Choose the grouped area chart type. InstaCharts draws each category as a filled layer.

    InstaCharts chart type menu listing line, grouped line, bar, stacked bar, scatter plot, area, and pie charts

  3. Step 3

    Choose Normalize

    In Options for Specific Chart Types, pick Normalize from the Stack, Normalize, and No Stack choices so the layers add up to 100 percent.

    InstaCharts options for specific chart types with Normalize and Horizontal Bars toggles on a stacked bar chart

  4. Step 4

    Customize colors

    Give each layer a distinct color and check the legend so every category is easy to identify.

    InstaCharts colors panel with a color scheme picker beside a grouped bar chart

  5. Step 5

    Export or embed

    Download as PNG or SVG, share a link, or embed a live chart in your site or report.

    InstaCharts export dialog with PNG, SVG, JPG, WebP, PDF, and PowerPoint image formats

FAQ

100% Stacked Area Chart maker FAQ

Answers to common questions about making a 100% stacked area chart with InstaCharts.

What is a 100% stacked area chart?

A 100% stacked area chart stacks one filled layer per category and rescales the stack so it always reaches 100 percent. Each layer shows a category's share of the total at every point in time.

How is a 100% stacked area chart different from a stacked area chart?

A stacked area chart shows absolute values, so the height of the stack follows the overall total. A 100% stacked area chart, called Normalize in InstaCharts, keeps the stack at the same height and shows only the relative mix.

When should I use a 100% stacked area chart?

Use it to show how the composition of a whole changes over time, such as traffic sources by month, revenue by product line, or market share by year. It suits questions about the mix instead of the total.

How do I make a 100% stacked area chart in InstaCharts?

Upload a sheet with a date column, a category column, and a numeric column, choose the grouped area chart type, and pick Normalize in the area options. InstaCharts sums the values and scales the layers.

How many categories can a 100% stacked area chart show?

The chart stays readable with about four or five layers. When you have more categories, filter to the largest ones or group the smallest values together so each layer stays wide enough to read.

Is the 100% stacked area chart maker free?

Yes. The free plan lets you create and export 100% stacked area charts with up to 500 rows per sheet, and charts include a small watermark. Paid plans starting at $10 per user per month remove the watermark.

Want the full reference?

Read the 100% stacked area chart documentation.

Related guides

Explore

Related chart makers

Compare related chart types, or browse every InstaCharts chart maker below.

Grouped Area Chart Maker

Stack category trends over time

Area Chart Maker

Show trends with volume emphasis

100% Stacked Bar Chart Maker

Compare the mix of each category as a share of 100%

All InstaCharts chart makers

See every option on the chart maker page.

Make your 100% stacked area chart in seconds

InstaCharts makes data visualization easy, so you can build clear reports without design experience.

Start Charting for Free