Skip to main content

Learn

Learn how AI really works

We like building things — and explaining them. This is our hands-on corner: interactive, in-browser demos of how LLMs, machine learning and responsible AI actually work, a curated shelf of the best explainer videos, and guided learning pathways. Everything runs live in your browser.

Follow a learning pathway

Prefer a guided route? Pick a pathway and we'll thread the demos and videos into a sensible order and remember where you got to — saved in your browser, no account needed.

How an LLM works, end to end

17 steps

The flagship journey — from raw text to a grounded answer. Interactive demos interleaved with the best explainer videos, in learning order.

AI for the curious

9 steps

No maths degree required. A gentle, visual path from “what is a neural network?” to how modern AI writes and reasons.

For decision-makers

7 steps

The concepts behind responsible enterprise AI — what LLMs and RAG are, where bias and fraud trade-offs bite, and how to size up your own adoption.

Classic ML foundations

8 steps

Before the transformers — the workhorse algorithms every data scientist knows, hands-on: regression, classification, clustering and learning by gradient descent.

Large language models

How modern LLMs actually work — from tokens and attention to sampling and retrieval.

Token Visualiser

GenAI

Paste any text and watch how a language model chops it into tokens — the subword chunks LLMs actually read. Words, spaces and punctuation, split live.

  • Live tokenisation
  • Token & character counts
  • Try your own text
Open Token Visualiser →

Embeddings Explained

GenAI

See how AI turns words into vectors — explore a semantic map, find nearest neighbours, and watch king − man + woman ≈ queen as real vector maths.

  • 2-D semantic map
  • Nearest neighbours
  • Analogy arithmetic
Open Embeddings Explained →

Temperature & Sampling

GenAI

Explore how temperature, top-k and top-p control the randomness of language models. Adjust sliders and watch the probability distribution change live.

  • Real softmax maths
  • Interactive sliders
  • Sample from the distribution
Open Temperature & Sampling →

Attention Visualiser

GenAI

See how transformer attention works — type a sentence and watch each token decide what to attend to via scaled dot-product attention.

  • Interactive heatmap
  • Click to highlight connections
  • Real attention maths
Open Attention Visualiser →

Positional Encodings

GenAI

How do transformers know word order? Explore the sinusoidal positional-encoding heatmap and watch each dimension trace a sine wave across positions.

  • Sinusoidal PE heatmap
  • Dimension wave plot
  • Real transformer maths
Open Positional Encodings →

Beam Search vs Greedy

GenAI

See how a model decodes text — compare greedy decoding against beam search and watch the search tree keep and prune candidate sequences by log-probability.

  • Adjustable beam width
  • Live search tree
  • Real log-prob scoring
Open Beam Search vs Greedy →

Context Windows & Chunking

GenAI

Why long documents get sliced up for RAG — set a chunk size and overlap, and see how a document splits to fit inside a model's context budget.

  • Adjustable size & overlap
  • Visual chunks
  • Context budget bar
Open Context Windows & Chunking →

How RAG Works

GenAI

Watch Retrieval-Augmented Generation in action — type a question, see documents retrieved from a knowledge base, and read the grounded answer with citations.

  • Retrieve → Augment → Generate
  • Live step-by-step
  • Illustrative bigspark corpus
Open How RAG Works →

Markov Chain Text

GenAI

Generate text the pre-LLM way — build a word-level Markov model from a corpus and sample next words by frequency. Predicting words, with no understanding.

  • Order 1 or 2
  • Paste your own text
  • Transition tables
Open Markov Chain Text →

Causal Self-Attention

GenAI

The decoder's defining trick — toggle the causal mask and watch each token lose sight of the future, so it can only attend to itself and earlier tokens.

  • Causal vs full attention
  • Masked softmax
  • Interactive heatmap
Open Causal Self-Attention →

Autoregressive Generation

GenAI

How an LLM actually writes — generate one token at a time, feed it back in, and repeat. Watch the sequence grow and the next-token odds shift each step.

  • One token at a time
  • Live next-token odds
  • Temperature control
Open Autoregressive Generation →

Cross-Attention

GenAI

How a decoder looks back at the encoder — the mechanism behind translation and summarisation. Click a target word to see which source words it attends to.

  • Encoder → decoder
  • Word alignment
  • Seq2seq intuition
Open Cross-Attention →

The KV Cache

GenAI

Why generation speeds up after the first token — cache keys and values instead of recomputing the whole prefix, turning quadratic work into linear.

  • Cached vs recomputed
  • O(n²) vs O(n)
  • Step-by-step cost
Open The KV Cache →

Machine learning

Classic algorithms you can poke at — training, clustering and classification, live in your browser.

Neural Net Trainer

Machine learning

Place two classes of points, hit train, and watch a from-scratch neural network learn the boundary between them — live, in your browser.

  • Real backprop, no libraries
  • Live decision boundary
  • Preset datasets
Open Neural Net Trainer →

k-means Clustering

Machine learning

Watch unsupervised learning find structure — drop points, pick k, and step through Lloyd's algorithm as centroids move and clusters settle.

  • Click to add points
  • Step or run
  • Live inertia readout
Open k-means Clustering →

Linear Regression

Machine learning

Drag points and watch the least-squares best-fit line update live, with residuals, the equation and R² — the simplest model there is, made tangible.

  • Drag & add points
  • Live best-fit line
  • Equation & R²
Open Linear Regression →

k-Nearest Neighbours

Machine learning

Classify by proximity — place labelled points, move your cursor, and see the decision boundary and the k nearest neighbours that decide each vote.

  • Live decision regions
  • Adjustable k
  • Real Euclidean distance
Open k-Nearest Neighbours →

Decision Trees & Gini

Machine learning

How trees split data — slide a threshold across a scatter plot and watch Gini impurity and information gain change, then let it find the best split.

  • Interactive splits
  • Gini & information gain
  • Find best split
Open Decision Trees & Gini →

Convolution Kernels

Machine learning

The building block of CNNs — apply edge-detect, blur, sharpen and emboss kernels to an image, or type your own 3×3 kernel and see the result live.

  • Preset & custom kernels
  • Live filtered output
  • Real convolution maths
Open Convolution Kernels →

Q-learning Grid World

Machine learning

Watch an agent learn by trial and error — train tabular Q-learning in a grid world and see state values and the greedy policy emerge, then follow the path.

  • Train & watch it learn
  • Value & policy map
  • Tune α, γ, ε
Open Q-learning Grid World →

Watch & play

A curated shelf of talks to level up — and a few browser games over in the Playground.