Interactive Labs

Sixteen interactive sandboxes that let you explore the key concepts from the comic series. No installation needed — just click and play.

Issue 1

Turing Machine Sandbox

Write your own transition rules, load the tape, and watch a Turing Machine compute. Includes 4 pre-loaded programs from binary increment to Busy Beaver.

Programmable rules | Custom tape | Step/Run/Pause | 4 examples

Issue 2

Logic Gates Lab

Toggle switches on AND, OR, NOT, XOR gates. Build a half-adder, full-adder, and a 4-bit calculator from scratch.

6 gate types | Half & full adder | 4-bit calculator | Signal flow

Issues 2 & 10

Drag a slider from 1971 to 2025 and watch transistor counts explode from 2,300 to 28 billion. Animated counters, chip die visualization, ENIAC comparison, and log-scale charts make exponential growth visceral.

Issue 3

Compiler Explorer

Type Python-like code and watch it compile through 4 layers: high-level source, AST, assembly, and binary. See the full abstraction ladder in action.

Live compilation | AST tree view | Binary encoding | Step-through mode

Issue 4

Unix Pipe Playground

Build Unix pipelines from simple commands. Select files, chain tools like grep, sort, and uniq, then watch data flow through each stage of the pipeline.

13 commands | 5 sample files | Stage-by-stage data flow | 4 challenges

Issue 5

Packet Journey

Type a URL and watch your request travel through the internet. See DNS lookups, TCP handshakes, TLS encryption, and HTTP in action — the invisible made visible.

7-phase animation | Protocol layers | Packet inspector | Speed control

Issue 5

Git Branching Visualizer

Create commits, branches, and merges, watching the DAG form in real time. Includes merge conflict resolution, time-travel scrubber, and simulated file state.

DAG visualization | Branch & merge | Conflict resolution | Time travel | 4 scenarios

Issues 2 & 5

Cryptography Lab

Encrypt and decrypt messages with 3 cipher methods: Caesar wheel, substitution with frequency analysis, and XOR bit-flipping. Includes crack-it challenges.

Caesar wheel | Substitution + frequency analysis | XOR bit toggle | 3 challenges

Issue 6

Neural Network Playground

Place data points, configure a network, and train it in real-time. Watch the decision boundary morph as the network learns to classify.

5 datasets | Adjustable architecture | Live training | Loss chart

Issue 7

Attention Visualizer

Type any sentence and see how self-attention works. Explore 4 attention heads, a heatmap matrix, and beam visualizations showing which words attend to which.

4 attention heads | Heatmap matrix | Beam arcs | QKV explanation

Issue 7

Tokenizer Deep Dive

Type any text and watch Byte-Pair Encoding build a vocabulary step by step. Compare tokenizations at different vocab sizes and see why English is "cheaper" than code or emoji.

BPE step-through | Vocab comparison | Language costs | Token-to-embedding | Cost calculator

Issue 8

Agent Sandbox

Give a simulated AI agent a task and watch it reason, choose tools, execute, observe, and self-correct. Or switch to manual mode and play the agent yourself.

4 tasks | ReAct loop | Error recovery | Watch & Manual modes

Issue 9

Swarm Simulator

Orchestrate a team of AI agents. Assign tasks, watch parallel execution on a Gantt chart, and compare sequential vs. parallel performance.

3 projects | Gantt timeline | Sequential vs parallel | File-based comms

Issue 10

Full Stack Elevator

Ride an elevator through 8 layers of computing — from raw physics to AI swarms. Each floor has a mini-interactive demo that makes the abstraction tangible.

8 floors | Elevator animation | Mini-demos per layer | Abstraction insight

Issues 3-4