Preview card 07

Data encoding — the record field

Live from ui_kits/app/app.css + app.js
REGISTERS[] · .grid197 · .lg · .sbar

The 197-cell field is the home page's hero graphic. It is real data, it is interactive, and it is the largest block of texture on the page — data as ornament. This card runs the live component: hover, focus or click a register chip below to isolate it; Escape clears a lock.

The field

The corpus

197 prototype keyword matches mention this case. Not one of them connects to another.

One square = one prototype keyword match.
Tinted by its source group.
Select a source group to isolate it.

A mention is a keyword match on a case term — not a verified substantive discussion. The pipeline surfaces where records mention the same case; it does not assert that they are connected. Corpus scan verified 2026-07-15.

Encoding rules

RuleHow the source does it
Fills, never outlinesEvery cell, bar and swatch is a solid fill. A hollow chart reads as a wireframe placeholder in this system.
Volume orders the rampLargest source group gets the darkest step. --reg-1 #14572f (n=70) → --reg-6 #b3cdb8 (n=5).
One hue break, and it means something--reg-7 amber #a8781f is the county auditor property source group — the only non-green in any chart.
Residual is --mist"7 other source groups" (n=16) sits at the pale end so it never competes with a named source.
Isolation, not deletionUnselected cells drop to opacity .13 and matches scale to 1.18. The denominator stays visible.
Every count is statedThe legend prints n on every chip; the caption states what a "mention" is and is not.

Accessibility contract

RequirementImplementation
Non-visual equivalentContainer is role="img" with a full breakdown in aria-label.
No-JS equivalent<noscript> prints the same breakdown as prose.
Failure equivalentIf zero cells render, the script removes role and swaps in a plain-text pointer to the case file. It never shows an empty box.
Every inputChips are real buttons bound to hover, focus, mouseleave, blur and click.
State exposureLocked chip carries aria-pressed="true"; Escape unlocks.
Reduced motionTransitions collapse to ~0ms; the field is fully readable without any animation.

Split bar & count-up

The two other data primitives. A split bar is always labelled on both sides with the total stated; a count-up always lands on a real figure and prints it instantly under reduced motion.

Site acreage split43.23 ac total
23.22 ac public park20.01 ac remainder
0

prototype matches

0

planned city purchase

0

roll-calls machine-readable · decimals preserved

Static export

The same field, vectorised for print and for surfaces that can't run script — assets/record-field-motif.svg, generated from the same counts.

197 prototype ALERG keyword matches by source group, as a static grid
← All preview cards