);
}
/* ---------- Stat card ---------- */
function StatCard({ icon, color, soft, label, value, unit, big }){
return (
{label}
{value}
{unit && {unit}}
);
}
/* ---------- Temperature graph ---------- */
function TempGraph({ data, w=360, h=150, animate=true, padded=true }){
const ref = useRef(null);
const padL = padded?6:0, padR = padded?6:0, padT = 12, padB = 8;
const innerW = w - padL - padR, innerH = h - padT - padB;
const max=100, min=0;
const xs = data.map((_,i)=> padL + (i/(data.length-1))*innerW);
const ys = data.map(v=> padT + (1-(v-min)/(max-min))*innerH);
// smooth path
function smooth(){
let d=`M ${xs[0].toFixed(1)} ${ys[0].toFixed(1)}`;
for(let i=0;i
{ if(ref.current) setLen(ref.current.getTotalLength()); },[w,h]);
return (
);
}
Object.assign(window, { Icon, Mascot, StatCard, TempGraph });