Interactive

This page collects the interactive explainers I keep returning to. Each note points straight to its live route, so this index can stay focused on the questions each piece helps answer.

Start here

Flagship · 15 min

Mechanical Watch

The strongest single explainer if you want one route that shows how the whole collection feels.

Curated hub · 5 min

Primary Interactive Hub

The cleanest external start when you want a guided browse surface instead of a full inventory.

Guided sequence · 10 min

Blockchain 101 Combined Flow

The best first path for hashing, signatures, and zero-knowledge proofs in one sequence.

Full atlas · open-ended

Interactive Explanation Atlas

Use the full route inventory when you want source families, filters, and the broadest map.

Pick a path

• Start with Mechanical Watch if you want the cleanest flagship explainer.
• Start with Primary Interactive Hub if you want a curated browse surface.
• Start with Blockchain 101 Combined Flow if you want the clearest cryptography sequence.
• Start with Interactive Explanation Atlas if you want the entire route map.

Explore by theme

Social systems

Simulations that make trust, segregation, feedback loops, and voting tangible. Open them, drag the variables, and watch the equilibrium shift.

• The Evolution of Trust — repeated-game cooperation, noise, and repair.
• Parable of the Polygons — small biases, tipping points, and emergent segregation.
• To Build a Better Ballot — voting systems with draggable electorates and counting flows.
• LOOPY — draw, tune, and simulate feedback systems.

Model intuition

Hands-on data-splitting, bias-variance tradeoffs, and probability drills that build ML intuition before the equations.

• Train, Test, and Validation Sets — drag examples, update boundaries, feel why the test set stays untouched.
• The Bias-Variance Tradeoff — underfitting vs. overfitting as a model-complexity knob.
• ROC & AUC — threshold sweeps and AUC interpretation in one interactive flow.
• Principal Component Analysis — rotate your attention, not just your axes.

Math you can touch

Geometry, probability, and physics sandboxes that turn abstract ideas into interactive play.

• Tesseract — 4D geometry built from projections, rotations, and intersections.
• Sound — acoustics from particle motion to superposition and synthesis.
• Rigid Body Collisions — 2D collision resolution with vector geometry and normals.

Cryptography and proof playgrounds

Hashing, signatures, and zero-knowledge proofs explored as interactive labs rather than slides.

• Blockchain 101 Combined Flow — the best external sequence through hashing, signatures, and privacy.
• Blockchain — chained state, nonce updates, and the tamper cascade.
• Private Keys — key generation, signing, and verification in a browser.
• Zero-Knowledge Proof Demo — proof without disclosure via a selectable US map.

How these notes work

• Each theme page includes an embedded iframe for the live interactive, plus short editorial notes about what to try first.
• Each note links directly to its own live route. Local pages stay as stable archive URLs, backlink anchors, and entry points into this garden.
• If an embed fails, use the direct route linked inside the note header or reading path.
• Use the local hub notes when the external site feels too wide: Primary Interactive Hub, Blockchain 101 Combined Flow, and Interactive Explanation Atlas.