Joshua Shay Kricheli NeuroSymbolic AI
v2 v1

Release · v3.7.14

TPP: rebuild the interactive panel around a…

TPP: rebuild the interactive panel around a loss-encoding, animated view

chore v3.7.14 July 5, 2026 Joshua Shay Kricheli 4d7387e

Details

Complete makeover of the scaling-laws panel (split into tpp-view.ts +
tpp-widget.ts). Fixes the core "nothing changes when I switch" problem and adds
the motion + free navigation the old one lacked.
Root cause of the bug: the (N,D) grid is ~identical across corpora — only the
LOSSES differ. The old plot encoded N·D position, so switching corpus/law/epoch
barely moved anything. The new plot encodes LOSS: measured loss (y) vs training
tokens D (x, log), each dot a run coloured by model size N, on FIXED axes so a
switch reads as points sliding to new heights.
- Every control now visibly changes the picture (verified by canvas pixel-diff):
  corpus → losses slide; epoch → points shift along D; law → the fitted iso-N
  curves change; design (new Collinear/Non-collinear chip) → the whole cloud +
  fit swap, and the held-out error whiskers + R² change (e.g. RedPajama/Kaplan
  CO 0.51 → NC 0.91).
- Animated transitions: points are keyed by physical run (design|N|D) and tween
  between states over ~0.7s, so corpus/epoch/design/phase changes MOVE the dots.
  Snaps under prefers-reduced-motion (canvas stays interactive, no auto-play).
- Fit & extrapolate phase draws the law as faint per-size curves with held-out
  rings + red prediction-error whiskers; coverage phase keeps the live in-browser
  refit + V_K/τ_K regime lamp + draggable window.
- Any combination reachable at any time without losing your place; choices
  persist to localStorage and restore on reload (returning visitors land on
  their state, not the tour).
Node tests 16/16, tsc clean. Old tpp-explainer.ts removed.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014c7dbCGbQxtWedKRSx4sJi

Files changed (6)

frontend/client/ts/effects/tpp/tpp-explainer.ts +0 −1,059
frontend/client/ts/effects/tpp/tpp-view.ts +213 −0
frontend/client/ts/effects/tpp/tpp-widget.ts +645 −0
frontend/jekyll/_includes/v3/tpp-explainer.html +16 −8
frontend/jekyll/_layouts/v3.html +2 −1
frontend/jekyll/_sass/v3/_tpp-explainer.scss +10 −8