This section covers key concepts from the chapter.

A sunburst diagram encodes a hierarchy as a series of concentric rings . The centre circle is the root node. Each ring outward represents one level deeper in the hierarchy. Within each ring, arcs are sliced proportionally to a numeric value , arc angle and arc length encode magnitude. The viewer's visual system simultaneously reads containment (which node belongs to which parent, conveyed by angular alignment) and proportion (how much each node contributes to its parent, conveyed by arc angle).

When arcs are divided equally under a parent, the chart emphasises hierarchy structure , every child node gets equal visual weight regardless of its value. This is useful when the branching pattern itself is the message. When arcs are proportional to a value (as implemented here), the chart emphasises composition , each node's arc angle represents its share of the parent's total. The choice between these modes is a design decision that depends on whether structural equality or magnitude comparison is the message.

The data structure is a three-level hierarchy with numeric leaf values : industry goes to company goes to product line goes to revenue. The message is compositional at every level simultaneously: which industry dominates, which company dominates within each industry, and which product line drives each company. A treemap would answer the same question but loses the explicit parent, child ring structure that makes the hierarchy legible. A pie chart can only show one level. The sunburst shows all levels at once with a single glance.

A treemap , the nearest alternative , packs all leaf nodes into rectangular area without showing the intermediate branch levels as visible elements. It is better for precise area comparison of leaf nodes; worse for communicating the hierarchical grouping structure. A nested pie chart (multiple concentric pies) is perceptually equivalent but harder to implement cleanly because it requires manual ring sizing. The sunburst's continuous angle encoding makes parent, child proportional relationships clearer than separate concentric pies.

The click-to-zoom interaction is not a navigation convenience , it is an analytical necessity. A sunburst with four or more levels and many nodes becomes visually dense at full scale. Zooming into a branch re-partitions the full angular space to show only that subtree's children, making small arcs readable. The breadcrumb trail above the chart preserves the viewer's positional context within the hierarchy , without it, zoom interactions disorient the reader. These two elements are inseparable.

Framework , FT Visual Vocabulary FT Visual Vocabulary category: Part-to-whole , "How a single entity is made up of its components." Abela quadrant: Composition (hierarchical, accumulating over levels). Tufte principle: the rings are data (hierarchy levels); the arcs are data (proportional values); the angular alignment of parent and children arcs is data (containment relationship). The only non-data ink is the thin white stroke separating arcs , necessary for figure, ground separation between adjacent slices.

Paste this into Claude Code to generate a working version of this chart, plus its data file. The result will not be a perfect replica , the goal is that the reader can run the prompt, get a chart of this type, and read its source. Generate a complete, self-contained sunburst in D3 v7. Two files:

The ideas in this chapter didn't appear from nowhere. John T. Stasko has spent decades on information visualization research at Georgia Tech , including the radial sunburst variant of the treemap, where each level of a hierarchy occupies a concentric ring. His lab's work on visualization evaluation shaped how the field measures effectiveness. John T. Stasko, circa 1997. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

The ideas in this chapter didn't appear from nowhere. John T. Stasko has spent decades on information visualization research at Georgia Tech , including the radial sunburst variant of the treemap, where each level of a hierarchy occupies a concentric ring. His lab's work on visualization evaluation shaped how the field measures effectiveness. John T. Stasko, circa 1997. AI-generated portrait based on a public domain photograph (Wikimedia Commons).