// Humanitarians AI — Program Performance 01 / 02

Health programs lead on efficiency —
emergency response moves fastest but costs most

click type to filter · brush axis to select range · drag header to reorder
Humanitarian AI Programs — Parallel Coordinates Plot 28 humanitarian programs plotted across 7 axes: beneficiaries, funding, efficiency, response time, AI accuracy, staff count, and coverage. Lines are colored by program type. Brush any axis to filter; drag axis headers to reorder.
28 programs · 7 axes
// Learn — Parallel Coordinates Plot 02 / 02

What this chart is and why it was chosen

What this chart is

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.

It is the only chart type that can display seven or more quantitative variables simultaneously without collapsing into a matrix of 21 separate scatter plots. The trade-off: individual values are harder to read than on a bar or scatter chart, and the chart becomes cluttered above ~50–80 observations without interaction.

Why it was chosen here

The data structure is 28 records × 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. A radar chart would collapse all 28 records onto one overlay. Neither surfaces the line-pattern trade-offs that parallel coordinates reveal naturally.

Brushing — the essential fix

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% and AI accuracy above 90%" — 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. This makes the chart a multivariate filter, not just a visual overview.

Axis order and correlation

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 (%)" 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. Axis reordering is therefore an analytical tool, not an aesthetic preference.

// Framework Reference

FT Visual Vocabulary category: Relationships — Correlation (multivariate). Abela quadrant: Relationship (showing connections between multiple variables across many observations). The one design decision worth knowing: lines are drawn at 60% opacity and 1.4px stroke by default. This creates a density gradient — where many lines overlap, the region appears darker, revealing the modal values of each cluster without explicit density encoding. Hover raises opacity to 100% and stroke to 2.8px for the selected line only, without touching surrounding lines.