Ask what should change when the equation is manipulated, then let the visualization test that expectation.
Foundation Lab
Scaled Dot-Product Attention & Transformer Layers
GPT-4, Claude, Gemini, Llama: giant stacks of decoder-only transformer blocks with causal self-attention
\text{Attn}(Q,K,V) = \mathrm{softmax}\!\left(\frac{QK^\top}{\sqrt{d_k}}\right)VSelected Foundation Object
Keep the equation fixed; move through the evidence.
Geometric picture of Q–K dot products as measuring angles between feature directions, and how softmax turns those into a distribution of "who to copy from"
\text{Attn}(Q,K,V) = \mathrm{softmax}\!\left(\frac{QK^\top}{\sqrt{d_k}}\right)VUse the runnable panel, the key equation, and canonical papers as separate forms of evidence for the same object.
The useful learning product is the reusable mechanism you can carry into another model, paper, or engineering tradeoff.
This atlas page keeps the working demo; the domain notebook carries the fuller Intuition -> Math -> Code -> Demo sequence.
Why It Matters for Modern Models
- GPT-4, Claude, Gemini, Llama: giant stacks of decoder-only transformer blocks with causal self-attention
- Stable Diffusion: U-Net with self- and cross-attention between image latents and text embeddings
- Sora: diffusion transformer operating on spacetime patches (video tokens)
What Tutorials Skip
What is still poorly explained in textbooks and papers:
- Geometric picture of Q–K dot products as measuring angles between feature directions, and how softmax turns those into a distribution of "who to copy from"
- How multi-head attention effectively builds a set of learned kernels over positions/features, and why this is strictly more flexible than fixed kernels
Interactive Visualization
Core Math (Optional Deep Dive)
If you want intuition first, start with the key equation and the visualization. Come back here for the full walkthrough.
Single attention head:
where . Multi-head attention concatenates several such heads.
A standard transformer block: