Horizontal Stacked Bar

Horizontal stacked bars with the index axis flipped to the y-axis, ideal for ranking categories whose names are long enough to need horizontal space — survey responses, regional revenue mixes, funnel cohorts, agent workload by ticket type. Each colored segment along a row represe

Template details

  • chart
  • bar
  • horizontal
  • stacked
  • chartjs

When to use this template

This visualization effectively reveals the proportional breakdown of a total across several categories, making it easy to compare the composition of each category. Analysts use it to understand how different components contribute to a whole and to rank categories based on their overall size or the contribution of specific sub-components.

  • Primary categorical dimension with multiple distinct members.
  • Secondary sub-categorical dimension for segmenting each primary member.
  • Values representing parts of a whole, summing to a meaningful total.
  • Primary category labels are long, benefiting from horizontal orientation.
  • Data for comparing composition and ranking across categories.
  • Quantitative values in consistent units, allowing additive comparison.

Browse all Koan templates