570e6335a032bb0516ab29fe35a7ee385d5d4ba9
The first question an apex supervisor asks is geographic — which part of the country is deteriorating — and thirty-six table rows answer that far more slowly than a shape does. Clicking a state drills into its districts, so the map is a way into the hierarchy rather than a separate view of it. Three rules a default chart library would get wrong: No data is not zero. A state with no refinanced portfolio is drawn in a neutral grey that sits nowhere on the stress ramp, so it cannot be misread as healthy. Today that is most of the country, and saying so plainly is more useful than an empty-looking map that implies national coverage. Suppressed is its own state, hatched rather than shaded — those cells have borrowers whose numbers are deliberately not shown, which is a different fact from a low rate. Colour is not the only channel: every state is reachable by hover, focus and keyboard, carries a title element, and its figures appear as text beside the map. A choropleth alone fails colour-blind readers and prints badly. The ramp is single-hue in the brand green and anchored on the worst observed rate rather than on 100 — with a national spread of 15-30% a fixed scale renders every state identically, and a red-to-green ramp would encode a value judgement the number does not carry. Geometry is a static asset generated once from an open district dataset, dissolved to state level, projected to a 520x592 viewBox and decimated to ~220 KB. Not a hosted basemap: the portal has to render inside a bank network with no outbound tile requests. Boundaries are simplified for display and labelled as not authoritative. Adds ~73 KB gzipped to the bundle. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Description
No description provided
499 KiB
Languages
TypeScript
95.8%
CSS
3.5%
JavaScript
0.4%
HTML
0.2%
Dockerfile
0.1%