Data Visualization Skill

Degree of freedom: MIXED. Chart type and encoding [HIGH freedom]; existing-library/token probes and a11y fallback [LOW freedom — run exactly].

How to reason

1. Observe — existing chart library, tokens, data shape
2. Interpret — reuse a component vs new chart type
3. Classify — line / bar / area / donut / sparkline / table-fallback
4. Severity — inaccessible or empty-state-less chart outranks a missing gradient

Worked example

Observe: package.json has recharts; no src/components/charts; tokens define --primary. Interpret: reuse Recharts + tokens, not D3. Classify: ResponsiveContainer line chart + sr-only table; skeleton while loading. Verify: resizes; screen-reader table present; no second chart library.