Circle Packing

A circle-packing chart represents a hierarchy as nested circles, with each child circle packed inside its parent and sized in proportion to a numeric value. It is a compact, organic alternative to a treemap that emphasizes containment and relative weight rather than rectangular a

Template details

  • chart
  • circle-packing
  • hierarchy
  • proportional
  • d3

When to use this template

This visualization excels at revealing the proportional contribution of nested categories to a larger whole, allowing for quick identification of the most significant branches and their sub-components within a hierarchy. Analysts use it to understand resource allocation, market share distribution, or any tree-like data where relative magnitude and containment are key insights.

  • Hierarchical data with clear parent-child relationships
  • Each node has a single, positive numeric value for sizing
  • Categorical data for node labels and grouping
  • Data where relative size comparison within branches is crucial
  • Datasets with up to 5-7 levels of depth for readability
  • Values that are comparable and sum up meaningfully through the hierarchy

Browse all Koan templates