Charts
ECharts, wrapped and themed from live tokens. The bridge reads colors from the running CSS variables, so a canvas that can't see the tokens still can't drift from them — toggle the theme and the charts re-color.
@shuttering/chartsimport { EChart, useChartTheme, buildLineOption, StatTile } from '@shuttering/charts'
Line — with AgentPanel
Wrapping a chart in AgentPanel puts the exact rows behind the picture in the DOM — try 'view as data' and 'copy as API'. This is the data-behind-viz principle, always on.
Realtime price
The bridge reads tokens via getComputedStyle; pass the resolved theme from useChartTheme(resolved) into the build*Option helpers.
Stat tiles
A hero figure with an inline sparkline drawn from the same series.
Peak price
$61+8
Avg load
2.4 GW-3
Renewables
62%+5
Area, donut & stacked bar
The other option builders, all themed from the same bridge.