Concentric Value Rings, Radial Bars , A Polar Variant of the Column Chart Figure 61.1 , Concentric Value Rings

A radial column chart maps a standard column chart onto a polar coordinate system. Each category occupies an angular slice; the column extends outward along a radial axis from a central baseline. The value scale is encoded as concentric rings , the innermost ring represents the lowest value (often zero), each successive ring outward represents a higher value, and the column's radial length encodes the value of its category. The form is mechanically identical to the radial bar chart in this book.

Read the silhouette first. The outer edge of all the columns, taken together, forms a shape , a smooth arc, a spiky pattern, a partial half-circle. That silhouette is the gestalt of the data. Symmetric silhouettes indicate uniform values; spiky silhouettes reveal outliers; arc-shaped silhouettes reveal a single mode that rises and falls across the categorical axis. Read the rings second. Each concentric ring marks a value on the radial scale; the column endpoint between two rings tells you the value within that interval.

Two conditions must hold. First, the data must be cyclical: months, hours, compass directions, days of the week , categories whose end and beginning are adjacent in the world. The polar form expresses that adjacency; the linear form cannot. Second, the communication goal must be pattern recognition or visual memory rather than precise value comparison. The radial form's silhouette is memorable; the linear form's bars are precise. If a viewer needs to argue "May was 23 percent higher than April," the linear form is the right chart.

A linear column chart of the same cyclic data places the first and last category at opposite ends of the x-axis. The seasonal-cycle wrap-around , December meets January , is broken visually; the eye reads December as far from January, when in the world they are adjacent. For genuinely cyclic data, this is information loss. For non-cyclic data, the linear form is informationally complete and perceptually superior, and the radial form adds nothing but visual interest at the cost of reading accuracy.

FRAMEWORK FT Visual Vocabulary: Comparison , Categorical (cyclical variant). Tufte principle partially violated: the polar coordinate system introduces a non-data-ink distortion that scales as r² for area, even though the encoding ostensibly uses radial length only. Abela quadrant: Comparison (items, few periods, specialised for cyclic ordering). The one design decision worth knowing: the inner radius is not free.

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 radial column chart in D3 v7. Two files:

The ideas in this chapter didn't appear from nowhere. Muriel Cooper ran the MIT Visible Language Workshop in the 1980s and 90s , pioneering interactive and dynamic visual design when most people still thought of charts as static print objects. Her work imagined screens as design surfaces with time, motion, and depth as first-class variables. Muriel Cooper, circa 1985. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

The ideas in this chapter didn't appear from nowhere. Muriel Cooper ran the MIT Visible Language Workshop in the 1980s and 90s , pioneering interactive and dynamic visual design when most people still thought of charts as static print objects. Her work imagined screens as design surfaces with time, motion, and depth as first-class variables. Muriel Cooper, circa 1985. AI-generated portrait based on a public domain photograph (Wikimedia Commons).