Chart maker

100% Stacked Bar Chart Maker

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

A 100% stacked bar chart scales every bar to the same length, so each segment shows its percentage of that bar's total. InstaCharts calls this option Normalize, and it turns any stacked bar chart into a share-of-total comparison with one toggle.

A live 100% stacked bar chart example

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

Templates

100% Stacked Bar Chart templates

Choose the Templates tab when you create a new sheet in InstaCharts. Each template loads a sample dataset with a finished chart, so you can replace the sample rows with your own numbers.

Employee Engagement Survey

100% stacked horizontal bar chart

Agreement levels for five engagement statements, stacked into horizontal bars so each question reads as one row.

StatementResponseResponses
I know what is expected of meStrongly agree168
I know what is expected of meAgree205
I know what is expected of meNeutral68
I know what is expected of meDisagree27
I know what is expected of meStrongly disagree12

Department Budget by Expense Type

Stacked horizontal bar chart

How each department's annual budget splits across salaries, software, travel and equipment, stacked into horizontal bars.

DepartmentExpense TypeAmount
EngineeringSalaries2450000
EngineeringSoftware420000
EngineeringTravel85000
EngineeringEquipment190000
Sales and MarketingSalaries1780000

Your data

What data you need for a 100% stacked bar 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 bar chart automatically.

X

X-Axis

Categorical data or dates, with one bar for each

Y

Y-Axis

Numerical values that add up within each bar

B

Breakdown

Categorical data, where each unique value becomes a segment

Use cases

When to use a 100% stacked bar chart

Best uses

  • Compare the composition of several categories when their totals differ widely
  • Show survey responses, such as agreement levels, as a percentage of each question's answers
  • Track how the mix of segments changes across time periods
  • Rank segments by share when the proportions matter more than the absolute totals

When another chart fits better

  • Absolute totals matter, so a standard stacked bar chart keeps the real values visible
  • A single part-to-whole split reads well as a pie chart or donut chart
  • Many small segments make the colors hard to tell apart, so group the smallest values into an Other category

How it works

How to make a 100% stacked bar chart

  1. Step 1

    Add your data

    Use three columns: a category for each bar, a breakdown column for the segments, and a numeric value.

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

    Pick the stacked bar chart

    Choose the stacked bar chart type and map your columns to the X-axis, the breakdown, and the Y-axis.

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

    Turn on Normalize

    Switch on the Normalize toggle in Options for Specific Chart Types and every bar rescales to 100 percent.

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

    Label the segments

    Add data labels to read each segment, and use the Label Removal % slider to hide labels on very small segments.

    InstaCharts labels panel with axis label and data label settings 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 share dialog showing an embed URL and embed tag for adding a chart to a webpage

FAQ

100% Stacked Bar Chart maker FAQ

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

What is a 100% stacked bar chart?

A 100% stacked bar chart is a stacked bar chart where every bar is scaled to the same total length. Each segment then shows its percentage of the bar instead of its absolute value, which makes the mix between categories easy to compare.

What is the difference between a stacked bar chart and a 100% stacked bar chart?

A stacked bar chart keeps each bar at its real total, so bars can differ in length. A 100% stacked bar chart, called Normalize in InstaCharts, gives every bar the same length so the segments show relative shares.

How do I make a 100% stacked bar chart from a spreadsheet?

Upload a sheet with a category column, a breakdown column, and a numeric column, choose the stacked bar chart type, and switch on Normalize. InstaCharts sums the values for each category and scales the bars.

When should I use a 100% stacked bar chart?

Use it when the proportions matter more than the totals, such as comparing the audience mix of several channels, the split of budgets across departments, or how survey answers divide across questions.

Can I make the bars horizontal?

Yes. Switch on Horizontal Bars alongside Normalize to draw the 100% bars sideways, which suits long category names and Likert scale survey results.

Is the 100% stacked bar chart maker free?

Yes. The free plan lets you create and export 100% stacked bar 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 bar chart documentation.

Related guides

Make your 100% stacked bar chart in seconds

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