Most programs trail their targets , Community Trust is the lone outlier Figure 26.1 , Most programs trail their targets , Community Trust is the lone outlier

The bullet graph, developed by Stephen Few in 2005, is a linear replacement for the radial gauges and speedometer dials that crowded early dashboards. It encodes a primary measure as a bar, layered over qualitative range bands and punctuated by a perpendicular target marker. The perceptual mechanism it exploits is position along a common axis , the most accurate of all visual encoding channels for quantitative comparison. Radial gauges use angle, which is among the weakest channels.

Is the actual value in the poor, satisfactory, or good band? 2. Did the actual value reach the target marker? 3. How far into the band did it land , barely satisfactory, or deep into good? A bar chart answers only the first. A grouped bar chart requires separate colors and a legend with no qualitative context. A gauge cannot show the target as a reference line , it degrades to a secondary number label, stripped of visual meaning.

The data structure is a named set of performance metrics, each with an actual value, a target, and a qualitative interpretation of the range. This is the canonical bullet graph use case: dashboard performance tracking where the viewer needs all three answers simultaneously. Five bullet graphs in a vertical list share a common axis, enabling direct comparison of performance levels across programs , something five separate gauges cannot provide.

A radial gauge encodes value as angle , the perceptually imprecise encoding channel. Five gauges consume five times the screen area and provide no shared reference axis for cross-metric comparison. The target marker cannot be clearly rendered as a positional reference in a radial design. A stacked bar would imply that the metrics sum to a meaningful whole , they do not. A grouped bar would require five color-coded series with no qualitative context bands.

The range bands are encoded as gray intensities , not distinct hues , following Few's own specification. Using hues (red goes to yellow goes to green) for the bands would pull the viewer's eye to the background, inverting the visual hierarchy. The walnut bar and blood-red target line must dominate. The bands should answer only when interrogated. Gray intensities keep them subordinate while still legible as categorical zones.

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 bullet graph in D3 v7. Two files:

The ideas in this chapter didn't appear from nowhere. W. Edwards Deming carried Walter Shewhart's statistical process control charts to Japan in the 1950s and turned them into the language of postwar quality management. A control chart packed three things into one frame: the current value, the process mean, and the upper and lower control limits , here is where I am, here is where I am supposed to be, here is when to worry. The bullet graph is the same compression, redrawn in linear form. W.

The ideas in this chapter didn't appear from nowhere. W. Edwards Deming carried Walter Shewhart's statistical process control charts to Japan in the 1950s and turned them into the language of postwar quality management. A control chart packed three things into one frame: the current value, the process mean, and the upper and lower control limits , here is where I am, here is where I am supposed to be, here is when to worry. The bullet graph is the same compression, redrawn in linear form. W.