CONTEXT
CHANNEL CCV
PEER MEDIAN
EXPECTED Δ
ACTUAL Δ
{rows.map((r, i) => (
{r.ctx}
{i === 0 ? 'baseline' : 'context shift'}
{r.ccv.toLocaleString()}
CCV
{r.peer.toLocaleString()}
peer median
{r.exp}
if organic
{r.delta}
floor held
))}
);
}
// ───────── BIG VIZ: peer co-movement ─────────
function PeerComovement() {
const W = 760, H = 280;
const padL = 56, padR = 20, padT = 20, padB = 32;
const N = 96; // 24h, 15-min intervals
const series = useMemo(() => {
const r = rng(91);
// category total — a wavy curve
const cat = Array.from({length: N}, (_, i) => {
return 5000 + Math.sin(i/12)*1800 + Math.cos(i/5)*400 + (r()-0.5)*200;
});
// peers move with cat
const peers = Array.from({length: 4}, (_, p) => {
const scale = 0.10 + r()*0.18;
const lag = Math.floor(r()*3);
return cat.map((v, i) => Math.max(80, v * scale * (0.85 + r()*0.3) + (r()-0.5)*120));
});
// target — flat as a board
const target = Array.from({length: N}, () => 3200 + (r()-0.5)*60);
return { cat, peers, target };
}, []);
const allVals = [...series.cat, ...series.peers.flat(), ...series.target];
const maxV = Math.max(...allVals) * 1.05;
const sx = i => padL + (i / (N - 1)) * (W - padL - padR);
const sy = v => H - padB - (v / maxV) * (H - padT - padB);
const lineFor = (arr) => arr.map((v, i) => (i===0?'M':'L') + sx(i)+','+sy(v)).join(' ');
return (