DL
advanced
Transformer Explainer
Learn how Transformer models like GPT work with a live GPT-2 model running in your browser. Interact with attention maps and see token predictions in real-time.
algorithms.live
Embedded from poloclub.github.io
One transformer block
Sequence
Order the sub-layers of a pre-norm decoder block.
Tap a piece, then tap where it goes — or drag it. Tap the tray to take one back.
- 1Drop a step here
- 2Drop a step here
- 3Drop a step here
- 4Drop a step here
- 5Drop a step here
- 6Drop a step here
6 pieces left to place
Test your knowledge
20 questions
Question 1 of 20
Score: 0
Transformer Explainer visualizes how a GPT-style model…
Learn these first
Interview Questions
Anthropic
OpenAI
Google DeepMind
Microsoft
Anthropic
OpenAI
Cohere
Google
Hugging Face
Grammarly
Anthropic
OpenAI
Love this visualization?
Sign up to track your progress, earn achievements, use the AI assistant, and access your personal learning dashboard.
100% free • No credit card required