/* Landing page: nav + hero (philosopher quote) + gallery + footer. Accent palette, entry layout, and hero quote are live tweaks. */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "accent": "#58C4DD", "entryLayout": "cards", "quote": "Plato" }/*EDITMODE-END*/; const QUOTES = { "Plato": { text: 'Geometry will draw the soul toward truth.', who: 'Plato', note: 'Republic, VII' }, "Proust": { text: 'The real voyage of discovery is not in seeking new landscapes, but in having new eyes.', who: 'Marcel Proust', note: 'In Search of Lost Time' }, "Galileo": { text: 'The universe is written in the language of mathematics.', who: 'Galileo Galilei', note: 'The Assayer, 1623' }, "Poincaré": { text: 'It is by logic that we prove, but by intuition that we discover.', who: 'Henri Poincaré', note: 'Science and Method' }, "Tukey": { text: 'The greatest value of a picture is when it forces us to notice what we never expected to see.', who: 'John W. Tukey', note: 'Exploratory Data Analysis' }, "Blake": { text: 'To see a world in a grain of sand.', who: 'William Blake', note: 'Auguries of Innocence' }, }; function StarMark({ size = 20, color = 'currentColor' }) { return ( ); } const NAV = ['Visualizations', 'Topics', 'About']; function Nav({ scrolled }) { return (
Visualization for Applied Econometrics
); } const HERO_STATUS = { live: 'Available', soon: 'Forthcoming', future: 'In preparation' }; function HeroEntry({ e }) { const live = e.status === 'live'; const inner = ( {e.n} {e.title} {HERO_STATUS[e.status]} {live && ↗} ); const cls = 'he-entry' + (live ? ' is-live' : '') + (e.status === 'future' ? ' is-future' : ''); return live ? {inner} :
{inner}
; } function Hero({ q }) { const quote = QUOTES[q] || QUOTES.Plato; return (
{quote.text}
— {quote.who}{quote.note}

A visual companion for applied econometrics

Contents

{VIZ_ENTRIES.map((e) => )}

Edward Hopper · Nighthawks · 1942

Hopper’s Nighthawks — a room of pure glass, and not one door. Like causality, it can only be glimpsed from the outside; never entered, only inferred.

); } function Gallery({ layout }) { const live = VIZ_ENTRIES.filter((e) => e.status === 'live').length; return (

The series

Visualizations

{String(VIZ_ENTRIES.length).padStart(2, '0')} chapters · {live} live · the rest in construction

); } function TopicsStrip() { const items = [ { k: 'Projection', v: 'Least squares is a shadow. We draw the light source.' }, { k: 'Orthogonality', v: 'Why uncorrelated regressors let simple regressions just work.' }, { k: 'Identification', v: 'What has to be true for an estimate to mean anything.' }, ]; return (

What these visualizations are about

{items.map((it) => (

{it.k}

{it.v}

))}
); } function Footer() { return ( ); } function App() { const t = TWEAK_DEFAULTS; const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); onScroll(); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); React.useEffect(() => { document.documentElement.style.setProperty('--accent', t.accent); }, [t.accent]); return (
); } ReactDOM.createRoot(document.getElementById('root')).render();