Nested Doughnut Chart

Multi-ring doughnut chart for comparing two datasets side by side (e.g., this year vs last year). Built with Chart.js with smooth animations.

Template details

  • chart
  • doughnut
  • nested
  • comparison
  • rings
  • chartjs

When to use this template

A nested doughnut chart excels at showing how two related part-to-whole distributions compare across the same categories. It quickly highlights shifts in proportional contributions between an inner and outer set of values, making it ideal for tracking changes over time or comparing two distinct but related groups. Analysts use it to identify which categories gained or lost share between the two comparison points.

  • Two sets of numerical values representing parts of a whole.
  • Categorical data for segments, typically 4-8 distinct categories.
  • Data where both inner and outer rings sum to 100% or a meaningful total.
  • Comparing two distinct but related distributions (e.g., current vs. previous period).
  • Values representing proportions, percentages, or absolute counts for comparison.
  • Datasets with consistent units between inner and outer value sets.

Browse all Koan templates