Skip to content
Visualizing.JP

Stacked Bar Chart

A stacked bar chart divides each bar into multiple segments, allowing the viewer to see both the total value and the composition of that total.

Contents
  1. 01Historical Background
  2. 02Data Structure
  3. 03Purpose
  4. 04Use Cases
  5. 05Design Notes
  6. 06Summary

A stacked bar chart divides each bar into multiple segments, allowing the viewer to see both the total value and the composition of that total. Each segment length represents an individual value, while the full bar length represents the sum.

It is widely used for part-to-whole comparisons where both total amount and internal breakdown matter.

Historical Background

Stacked bar charts developed naturally from the bar chart tradition after William Playfair introduced bar charts in the late eighteenth century. As social statistics and business reporting expanded, charts needed to show both totals and components.

Data Structure

DataRole
Main categoryOne bar
SubcategorySegment within the bar
ValueSegment length
ColorIdentifies subcategories

Purpose

The purpose is to compare totals while also showing composition. It answers: how large is each group, and what is it made of?

Use Cases

  • Revenue by business unit and product
  • Population by region and age group
  • Budget by department and expense category
  • Survey responses by group

Design Notes

  • Segment comparisons are easiest at the shared baseline.
  • Avoid too many segments.
  • Use consistent segment order across bars.
  • Consider a grouped bar chart when comparing subcategories is more important than totals.
  • Consider a 100% stacked bar chart when proportions matter more than totals.

Summary

Stacked bar charts combine total comparison and composition in one view. They are useful, but segment-level comparison becomes difficult when many colors and categories are involved.

Create this chart

Create this chart in your browser with a tool from the Data Visualization Toolbox.

Yuichi Yazaki Visualization Design / Information Architecture / UI/UX Design
Profile

This article is published under CC BY-NC-SA 4.0.