System Design Interview — Interactive Visualizations

Twenty-six interactive visualizations of system design interview topics — from URL shorteners and rate limiters to distributed caches, chat systems, and RAG pipelines. Each system's architecture, tradeoffs, and scale math, visualized step-by-step.

HOW_TO_RESEARCH · the workflow ← all tutorials

Every card opens a live .html demo recomputed in your browser; the md chip opens the guide and the py chip the source on GitHub. Tailwind Play CDN needs internet to style.

The front door of the systemdesign/ visualization suite. Each card click opens the static .html demo (runs live in the browser); the md chip links the write-up guide and the py chip the canonical source on GitHub. Progress persists locally under localStorage["systemdesign-done"].