The Shape of Learning

An atlas of learning machines. Every image is drawn by the computation it describes.

Frontispiece

A small network learns two interleaved spirals in your browser. Each line is its decision boundary after one training step; light gathers where the boundary stays.

Now

Preparing the network.

The space it learned

Learning happens in time. These plates are long exposures of it: each records where a learning system went, and how long it stayed.

  • Brightness is time

    Light accumulates wherever a process lingers: a boundary that settles, a path that converges, an agent that keeps returning.

  • Ember and ice are two sides

    Warm light marks the first class, task, or valley; cool light marks the second. Where they overlap, they add toward white.

  • Every plate names its medium

    Exact computation, designed transformation, trained in your browser, or simulated experience. Each plate says which, and where its model stops.

The plates

Six experiments across machine learning, deep learning, reinforcement learning, and continual learning. Each begins with a question you can test with your own hands.

  1. I

    Unfold

    Can one straight line separate these two spirals?

    Machine learning · Deep learning

  2. II

    Interpolate

    What happens when a model can fit every point?

    Machine learning · Deep learning

  3. III

    Descend

    When does a bigger step stop helping?

    Deep learning · Optimization

  4. IV

    Transport

    How does noise become a picture of the data?

    Deep learning · Generative models

  5. V

    Anticipate

    How can a reward in the future change what an agent does now?

    Reinforcement learning

  6. VI

    Forget

    What is lost when a model learns something new?

    Continual learning

The project

The Shape of Learning studies how learning works through objects you can move, fields you can reshape, and changes you can trace.

  • 01

    Machine learning

    What makes examples separable, and when does fitting them stop predicting new ones?

    I Unfold · II Interpolate

  • 02

    Deep learning

    How do learned transformations, optimisers, and generative flows move points and probability?

    I Unfold · III Descend · IV Transport

  • 03

    Reinforcement learning

    How do rewards that arrive later reshape what an agent does now?

    V Anticipate

  • 04

    Continual learning

    What survives when a system learns something new, and what protects it?

    VI Forget

Computed, not drawn

No image on this site is a picture of an idea. Each is rendered from a stated model at the moment you look: a network trained in your browser, an exact solution, or a simulation you can rerun.

Brightness has a meaning. Each plate accumulates light like a long photographic exposure, so a bright region is one the process visited often or for long.

Honest about its medium

Toy models can be exact and still mislead. Every plate states whether it shows an exact computation, a designed transformation, a trained model, or simulated experience, and where its model stops matching practice. Research claims cite their primary sources.

Made to be handled

Every plate starts with a question and a few guided moves: predict, act, observe. All controls work from the keyboard, draggable points are focusable, and reduced-motion preferences replace animation with the final state.

Self-contained

Everything runs locally in the browser with bundled fonts and math. There is no tracking, no server computation, and no network request after the page loads. Press / anywhere to open the index.

↑ ↓ to move · Enter to open/ or ⌘K anywhere