Charting
Static charts and hover behaviour distilled from the house energy sheet, the gpumon federation console, the seaweed volume report and the claude-proxy dashboard — rebuilt on the interface-components palette. Every chart is inline SVG with no charting dependency, and every dataset is synthesised in the browser from seeded generators. Hovering any chart opens a white-plate popover with the values behind the mark under the cursor.
The page is both the static and the animated reference. At 0 fps every chart holds its frame — that is the static version. Above zero, time-series charts scroll a window along a pre-generated reservoir so motion is continuous rather than a reseed flicker, and categorical charts (donut, treemap, ranked list, meters) breathe on a per-index sine so the ordering stays readable while the values move.
Daily totals as pastel bars, with the trailing 7-day mean drawn as a stroke-weight line on top. Hovering dims every other bar and reads out both the day and the mean at that point.
Hour of day across, weekday down. Intensity is the pastel fill at varying opacity rather than a separate colour scale, which keeps the grid inside the palette and readable in both themes.
The value is the headline; the shape is context. Spiky generators here model the quiet-then-burst profile of a storage node rather than smooth telemetry.
Everything above sits in a fixed document grid. The same charts drop into magx-panel without a line of chart code changing — they are SVG that scales to whatever box it is given,
and a panel is just another box. What you gain is arrangement: drag one chart alongside another
to compare them, double-click a title bar to collapse a chart you are done with, close the ones
you never wanted. What you give up is a layout that survives a reload. Hover still opens the same
white-plate popovers, and the Reshuffle and FPS controls at the top of the page drive these three
exactly as they drive the rest.