Stacked Bar Chart

Vertical stacked bars where each bar's height represents a category's total and each colored segment shows a sub-category contribution, built with Chart.js and a stacked x/y axis configuration. Excellent for showing how the composition of a total changes across periods or groups

Template details

  • chart
  • bar
  • stacked
  • composition
  • chartjs

When to use this template

This visualization effectively reveals how the composition of a total changes across different categories or periods. It helps analysts understand not only the absolute magnitude of a whole but also the proportional contributions of its constituent parts. This is ideal for identifying shifts in underlying drivers or resource allocation over time.

  • Categorical X-axis with ordered or nominal groups.
  • Quantitative values that sum to a meaningful total.
  • Multiple sub-categories contributing to each bar's total.
  • Tracking compositional changes over time or distinct segments.
  • Data where both absolute totals and relative proportions matter.
  • Comparing segment contributions across different groups.

Browse all Koan templates