HomeAI & Machine LearningSliding-Window Attention & Segment Recurrence (2D)

Sliding-Window Attention & Segment Recurrence (2D)

Interactive 2D simulator: watch a long token sequence get processed in fixed-size windows with a small recurrent memory carried between segments (Transformer-XL style), tracking effective context reached and attention-pair savings versus full quadratic attention.

AI & Machine Learning2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-ai-topic-13 ↗ Open standalone

Full transformer self-attention costs O(N²), which is why models built to read long documents or long chat histories don't attend across the whole sequence at once. This simulator lays a token sequence out as a 2D tape and processes it in fixed-size windows, caching a small recurrent memory from each segment before advancing to the next — the same segment-recurrence idea behind Transformer-XL and the sliding-window/chunking strategies long-context retrieval pipelines rely on. Tune the sequence length, window size and memory size, then play through the sequence and watch the current window (blue) and its cached memory (orange) light up with attention lines drawn between them, while a live cost chart tracks windowed attention pairs segment-by-segment against the flat O(N²) cost of full attention. Drag the tape to pan and scroll to zoom when the sequence is wider than the view.

⚙ Under the hood

Watch a long token sequence get processed in fixed-size local-attention windows with a small recurrent memory carried between segments, Transformer-XL style, on a pannable/zoomable 2D tape with a live cost chart tracking attention-pair savings versus full O(N²) attention.

Canvas2DAITransformersAttentionLong ContextLLM

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)