Bars Bent Around a Center , When Polar Coordinates Earn Their Distortion Figure 59.1 , Bars Bent Around a Center , When Polar Coordinates Earn Their Distortion

A radial bar chart is a bar chart drawn on a polar coordinate system. Each category is assigned an angular position; the bar extends from a fixed inner radius outward along that angle, and the bar's radial length encodes the quantitative value. A standard bar chart and a radial bar chart represent the same information using the same encoding (bar length), but the geometry is different: the standard chart shares a common baseline, the radial chart shares a common center.

The honest account begins with the mechanism. In polar coordinates, arc length equals radius times angle. Two bars with the same angular width but different radial lengths have outer arcs of different physical lengths in pixels. A bar twice as long radially has an outer arc twice as long , but the area the bar covers on the page scales as the square of the radius. A bar at value 100 has roughly four times the visual footprint of a bar at value 50, not twice.

The radial form earns its distortion in one situation only: when the underlying data has genuine cyclical structure. Months of the year, hours of the day, days of the week, compass directions, lunar phases , categories whose first and last entries are adjacent in the world, not adjacent only in the chart. A radial bar chart of monthly aid deliveries shows the December, January wrap-around as continuous; a standard bar chart splits it into the two ends of the x-axis with eleven months in between.

A horizontal bar chart of the same data, sorted by value, gives the reader length-along-a-shared-baseline , Cleveland and McGill ranked this as the most accurate quantitative encoding humans can read in a static graphic. The viewer can compare any two bars by aligning their endpoints against the value axis, no arc-length distortion to correct for. For ranking, magnitude comparison, and precise value retrieval, the bar chart wins on every perceptual axis.

FRAMEWORK FT Visual Vocabulary: Comparison , Categorical (cyclical variant). Data Visualisation Catalogue: aesthetic-first; the Catalogue's own statement is that "since our visual systems are better at interpreting straight lines, a regular Bar Chart is a better choice for comparing values. The main reason to use a Radial Bar Chart instead is aesthetic." Tufte principle: the polar coordinate system introduces non-data ink (the radial axis distortion).

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

The ideas in this chapter didn't appear from nowhere. Saul Bass was a graphic designer best known for film title sequences (Vertigo, Anatomy of a Murder, Psycho) , but his work spanned corporate identity, infographics, and the kind of clean radial layouts that influence chart design to this day. He believed every design choice should carry weight. Saul Bass, circa 1965. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

The ideas in this chapter didn't appear from nowhere. Saul Bass was a graphic designer best known for film title sequences (Vertigo, Anatomy of a Murder, Psycho) , but his work spanned corporate identity, infographics, and the kind of clean radial layouts that influence chart design to this day. He believed every design choice should carry weight. Saul Bass, circa 1965. AI-generated portrait based on a public domain photograph (Wikimedia Commons).