energy routing

A home-energy dashboard on a light stage, built so that every dot is 0.25 kWh of real energy. Four white cards: Today's generation as a dot chart of 15 hourly columns against a dashed "Home use" line, with the surplus above it in orange and the forecast after 14:00 in grey; the home battery as a 5 × 10 grid of cells at 60 %; grid export earnings on a dot-matrix display (€14.20) next to a dot tariff strip; and an Activity list. A ~20.5-second demo loops on its own: the cards rise in, the chart's dots drop in by column, the battery fills cell by cell and the earnings assemble from scattered dots. A cursor hovers the columns for their values, brush-selects the surplus above Home use and grabs it: the dots turn black and follow the cursor as a swaying swarm, leaving dashed ghost rings behind. Dropped on the battery, they snap into its free cells one by one and the charge springs from 60 to 98 %. A second batch is sold to the grid: the dots fly into the display and the amount re-counts to €14.78 in seven steps, the digits re-forming from the same dots. Each route slides a new event into Activity. A click hands control to the visitor (box-select, drag to the battery or the grid, drop anywhere else to send the dots home), a double-click refills. The dots are drawn on one canvas with the Canvas 2D API and moved by springs; the cards are plain DOM; the stage scales to fit any window.