Interactive Visualizations

A collection of interactive explorations — LLMs, creative coding, educational tools, and more.

LLM Inference

How language models work under the hood — from tokens to tensors to inference costs.

Type text and see it split into tokens

Token IDs become vectors via table lookup

Positional Encoding

How position information is added to embeddings

Q/K/V projections, attention scores, and softmax

Softmax & Temperature

How temperature shapes the probability distribution

Watch tokens appear one at a time

Follow a tensor through a transformer layer

All layers of a transformer, stacked

Every operation in a transformer layer

How tiling maps matrices to GPU SMs

Flash Attention

Standard vs Flash Attention side by side

KV Cache & Memory

How KV cache scales with sequence length and batch size

Batching Simulator

Watch GPU utilization climb as you add requests

Speculative Decoding

A draft model proposes, a large model verifies

Inference Cost Estimator

Estimate speed, memory, and cost for any model + GPU

Creative Coding & Generative Art

Patterns, geometry, and creative tools.

Generalized Truchet Tiles

Interactive tile pattern generator

Truchet-Carlson Patterns

Recursive multi-scale tile patterns

Interactive sine wave exploration for creative coding

3D knot visualization

Educational Tools

Interactive tools for learning programming and electronics concepts.

Visualize JavaScript's map() function

Pulse-width modulation visualizer

Interactive string instrument fingerboard

Performance & Systems

Concurrency, benchmarks, and systems-level explorations.

Client-Server Concurrency

Simulate request-level concurrency and throughput

p5.js Pixel Timings

Pixel manipulation performance benchmarks