Time Series

TimeSeries — mark two points, read the change between them Marking a point (click, or Enter from the keyboard) sets an anchor; marking a second turns the readout into a comparison — 2026-06-01 → 2026-08-01 with the absolute change, the percentage and the direction — and shades the span between them on the plot. A third mark starts a new range; Escape clears. The gesture most charts implement as a pointer drag, which no keyboard user can perform. Here both paths resolve through one select(), so they cannot disagree about what is selected. The delta is rendered by Delta rather than recomputed, so the sign, the percentage, the tone token and the WCAG 1.4.1 accessible name all come from one place. A point compared with itself clears the selection instead of reporting 0%, and a range with a gap at either end shows nothing rather than bridging it.

The Living Weave — motion, the radial poster form, and the strand field **TimeSeries draws itself.** The plotted series and their annotations are revealed by a clip rect that scales open left→right — the new --animate-weave-reveal token, the draw verb's second mechanism for a chart whose dash patterns ARE series identity (MOTION_PHILOSOPHY's draw-gesture exception gains the clip-reveal clause, and the motion lock verifies the utility only ever lands on a clipPath child). Pure CSS, SSR-drawn, from-only — with no animation at all, nothing is ever hidden. The reveal replays when the drawn geometry changes BY VALUE, never by array identity; the same change resets the crosshair during render. The crosshair now glides between slots on a transform transition (150ms, motion-reduce clamped) while the readout still snaps. **RadialWeave** — the same series wrapped around a dial: the POSTER form. 300° sweep with the gap at the bottom (a closed circle claims the newest observation meets the oldest), the exact dash+hue identity table TimeSeries uses, nulls breaking the arc, an HTML centre value, and deliberately no crosshair — the aria-label sentence, the min/max readout and the lossless SeriesTable carry inspection. Server component; dial math lives in scale.ts (dialAngle/dialRadius/dialPoint/dialPath/dialRing). **StrandField** — real series lifted into depth: each thread on its own plane in a CSS-3D perspective stage (zero dependencies — perspective + translateZ, never WebGL), fanned apart or collapsed flat via woven, tilting inside its own bounds with the pointer (never under prefers-reduced-motion), strands entering by the strand-draw verb with a CSS-variable stagger the reduce clamp can zero. aria-hidden theatre with no focusable element; onStrandSelect is a pointer shortcut for a selection surface the consumer renders accessibly.

TimeSeries — the first mark stays visible, and Space is documented Two review findings from the consumer side. Tapping once left no visible trace: the pointer leaves, cursor goes null, and the whole marker disappeared with it. For touch that is the normal state between the first tap and the second, so a touch user had no sign their mark had registered. The selection was always kept in state; only the evidence was missing. The anchor edge is now drawn whether or not a second edge exists. The accessible name promised Enter but Space has always worked too, so the key existed for anyone who guessed it and nobody else.

New Distribution chart — a quantity spread over a fixed set of named bins, read against a reference distribution. It is a new component rather than an extension of TimeSeries because three of that component's properties are chronological and cannot be parameterised out: its axis keys are sorted (['Thu','Fri','Sat'] sorts into a week that does not exist), a line asserts the metric passed through every value between two samples when between two hourly aggregates there is nothing to pass through, and delta() first-to-last is arithmetic performed on a circle. An unmeasured bin **hatches**. Everywhere else a null can simply be dropped, but for bars a height of zero and a bar never drawn are the same picture — this is null ≠ zero at its hardest case. bin.note prints a second axis reading under the first, replacing the timezone toggle a caller would otherwise build; a toggle hides half the truth and is missing from every screenshot. Also: error states on every chart that fetches — TimeSeries, Sparkline, MetricTable, NetworkGraph, Distribution — resolved through resolveDataState so the precedence is the array in data-state-model rather than five hand-rolled ladders. In a dashboard "the fetch failed" and "there is no data" are different statements. Delta and SeriesTable get none: neither has a fetch lifecycle. StatItem gains tone, carried by three signals rather than a hue alone — the rail, the value colour, and an sr-only judgement.

TimeSeries can plot more than one metric, and it finally draws an x axis. compare takes further series — { points, label, unit } — drawn against the same axes. It is purely additive: points is still the required single-series prop it always was, so nothing that already calls this component changes. Each line gets a --chart-N hue **and** a distinct dash pattern, and the new legend swatch repeats the dash, so two lines stay two lines in a greyscale print and to a red-green colour-blind reader. Five series are drawn (the size of the palette); any beyond that stay in the data table and the legend says how many. All series share one y domain, and that is not configurable. A second y axis lets an author slide two unrelated metrics until they appear to cross wherever the argument needs them to; a series two orders of magnitude smaller will render as flat here, which is the true statement about it. The x axis is a baseline, a tick per labelled slot, and up to five HTML labels below the plot — HTML because SVG text scales with the viewBox, and at a 320 viewport this plot is 288px wide against a 900-unit box, so text-xs inside it paints at 4px. Below sm the middle labels drop and the two ends stay. The crosshair readout now names and values every series at the cursor, from the one aria-live <output> that the arrow keys already fed. There is deliberately no second, hover-only tooltip to fall out of step with it.

The visualization layer ships: a token-driven chart set built on the VISUALIZATION_PHILOSOPHY row-first doctrine — MetricTable as the centrepiece, TimeSeries as the thing a row is promoted into, plus a network graph, sparklines and deltas. Every chart carries the DS-wide loading skeleton opt-in.