Health programs lead on efficiency —emergency response moves fastest but costs most
Health programs lead on efficiency , emergency response moves fastest but costs most Figure 50.1 , Health programs lead on efficiency , emergency response moves fastest but costs most
A parallel coordinates plot represents each observation as a polyline that crosses multiple vertical axes. Each axis enc
A parallel coordinates plot represents each observation as a polyline that crosses multiple vertical axes. Each axis encodes one variable; the position where a line crosses an axis encodes that variable's value. The perceptual mechanism is pattern detection through line slope and clustering , lines that run parallel between two adjacent axes indicate positive correlation; lines that cross indicate negative correlation or inverse relationship.
The data structure is 28 records × 7 numerical dimensions — the canonical parallel coordinates use case. The message is
The data structure is 28 records times 7 numerical dimensions , the canonical parallel coordinates use case. The message is multivariate: no single axis tells the story. The pattern worth finding is how program type creates characteristic "signatures" , consistent shapes across all seven axes that reveal trade-offs (emergency programs sacrifice efficiency for speed; health programs achieve high efficiency but serve fewer beneficiaries). A scatter plot matrix would need 21 panels to show the same variable pairs.
Without brushing, parallel coordinates are visually overwhelming at 28 lines. With brushing, the viewer can isolate the
Without brushing, parallel coordinates are visually overwhelming at 28 lines. With brushing, the viewer can isolate the subset of interest , "show me only programs with efficiency above 80 percent and AI accuracy above 90 percent" , and let the remaining lines fade to near-invisible. Brushing is not optional decoration on this chart type. It is the primary analytical mechanism. Multi-axis brushing uses intersection logic: a line is highlighted only if it falls within every active brush range simultaneously.
Adjacent axes reveal correlations more clearly than non-adjacent ones. Dragging the "Funding ($M)" axis next to "Benefic
Adjacent axes reveal correlations more clearly than non-adjacent ones. Dragging the "Funding ($M)" axis next to "Beneficiaries (k)" will make the positive correlation between them immediately visible as lines running roughly parallel. Moving "Response (days)" adjacent to "Efficiency ( percent)" reveals the trade-off: slower response correlates with higher efficiency , planned programs outperform emergency deployments on cost-effectiveness. This is the key design parameter. There is no universal optimal axis order , the right order depends on which relationship the viewer is investigating.
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 parallel coordinates in D3 v7. Two files:
The ideas in this chapter didn't appear from nowhere. Alfred Inselberg invented parallel coordinates in 1959 , a way to plot high-dimensional points by stringing them across parallel vertical axes , and spent decades developing the geometry behind the technique. It is now the standard chart for high-dimensional categorical data. Alfred Inselberg, circa 1985. AI-generated portrait based on a public domain photograph (Wikimedia Commons).
Alfred Inselberg, circa 1985. AI-generated portrait based on a public domain photograph (Wikimedia Commons).
The ideas in this chapter didn't appear from nowhere. Alfred Inselberg invented parallel coordinates in 1959 , a way to plot high-dimensional points by stringing them across parallel vertical axes , and spent decades developing the geometry behind the technique. It is now the standard chart for high-dimensional categorical data. Alfred Inselberg, circa 1985. AI-generated portrait based on a public domain photograph (Wikimedia Commons).
Brutalist D3 × Claude · Ch.50 · Parallel Coordinates
That is the framework. Brutalist D3 times Claude, chapter 50: Parallel Coordinates. The patterns are now in place. Apply them.