Tutorials

Interactive, zero-dependency visualizations & runnable concept bundles — 529 demos across 25 sections. Search or filter to find what you need.

Interview
🎯
Coding Interview Patterns
Twenty-seven interactive visualizations of coding interview patterns — two pointers, sliding windows, DP, monotonic stacks, union-find.
27 demos29 patterns4 tiers
Open →
Interview
🏗️
System Design Interview
Twenty-six system design problems — URL shortener, rate limiter, distributed cache, chat system, RAG pipeline, and more.
26 demos5 tiers
Open →
Interview
📐
Low-Level Design
Twelve OOD visualizations — GoF patterns, UML diagrams, LRU cache, parking lot, shopping cart, API design, refactoring.
12 demos3 groups
Open →
Interview
📊
Data Analytics
Nine analytics visualizations — SQL window functions, funnel analysis, cohort retention, A/B testing, product metrics.
9 demos3 groups
Open →
Interview
💻
CS Fundamentals
Fifteen core CS concepts — bloom filters, back-of-envelope, geohashing, load balancers, concurrency, OS scheduling, networking, auth.
15 demos4 groups
Open →
Systems
🧠
LLM Concepts
Twenty-nine visualizations on how LLMs work — tokenization, attention, KV cache, quantization, speculative decoding.
29 demos5 phases
Open →
Systems
🖥️
Local LLM Inference
Twenty-six visualizations on running models locally — GGUF format, CPU SIMD, VRAM math, Ollama/LM Studio, MLX, ComfyUI, Flux, LTX-Video, Kokoro TTS, Whisper.
26 demos6 phases
Open →
Systems
📐
SLM Engineering
Twenty visualizations on engineering Small Language Models (under 5B) for edge & domain deployment — scaling laws, vocab budgeting, DoRA, DPO/KTO, grammar masking, GGUF quant, speculative drafting, MLX/Mobile runtimes.
20 demos6 phases
Open →
Systems
🔬
LLM Architecture Explorer
Interactive architecture visualizers for 45 models across 27 types — Qwen3, Gemma 4, DeepSeek V4, Hy3, Kimi K2, Phi-4, Nemotron. Click any node to drill into subgraphs.
45 models27 typesGQA/MQA/MHA
Open →
Systems
🗄️
Database Internals
Thirty visualizations — slotted pages, B-trees, MVCC, ARIES recovery, sharding, two-phase commit, caching strategies.
30 demos6 phases
Open →
Systems
🌐
Distributed Systems
Thirty-two visualizations — CAP, Raft, CRDTs, gossip, distributed locking, consistency models, architectural patterns.
32 demos6 phases
Open →
Systems
☸️
DevOps & Cloud Native
Twenty-nine visualizations — Linux namespaces, overlay FS, Kubernetes, Helm, Vault, observability, data pipelines, CDN.
29 demos6 phases
Open →
Systems
🧮
DSA Visualized
Twenty-seven visualizations — arrays, hash tables, red-black trees, graph algorithms, dynamic programming, Big-O cheatsheet.
27 demos5 phases
Open →
Systems
Algorithms in Action
Twenty-nine visualizations — sorting, caching, compression, cryptography, probabilistic sketching.
29 demos5 phases
Open →
Systems
📡
Observability
Ten interactive visualizations — observability fundamentals, OpenTelemetry, distributed tracing, Prometheus, Loki, Grafana, and OpenObserve (S3-native).
10 demos3 groups
Open →
Systems
🔮
Vector Databases
Embeddings, ANN search, indexing strategies — plus 21 Qdrant tutorials from getting started to GraphRAG.
1 demo21 tutorials
Open →
Language
🐍
Python
Data model, CPython internals, asyncio, PyTorch, LangChain, FastAPI & FastMCP — 55 runnable bundles.
55 bundles9 phases
Open →
Language
🐹
Go
Value/pointer semantics, GMP scheduler, concurrency, context, production patterns — 52 bundles.
52 bundles8 phases
Open →
Language
🦀
Rust
Ownership, borrow checker, async/tokio, axum & sqlx — 50 bundles + 26 walkthroughs.
50 bundles26 walkthroughs
Open →
Language
🟦
TypeScript
Structural types, event loop, zod, Hono & Drizzle — 52 bundles + 22 walkthroughs.
52 bundles22 walkthroughs
Open →
Language
⚙️
C++
RAII, move semantics, templates, UB, concurrency & the memory model — 51 bundles + 18 walkthroughs.
51 bundles18 walkthroughs
Open →
Web
🎨
Frontend
HTML/CSS, box model, Tailwind 4, React, Astro vs TanStack Start — 37 interactive bundles.
37 demos6 phases
Open →
Web
⚛️
React Deep Dive
Hooks mastery, compound components, concurrent React, animations, TanStack Router — 36 interactive bundles with React 19 + Tailwind v4.
36 demos6 phases
Open →
Web
🌊
Tailwind CSS 4 Deep Dive
Container queries, variant ecosystem, arbitrary values, oklch color, animations, build pipeline — 38 interactive bundles.
38 demos7 phases
Open →
Other
🎬
OpenVideoKit (RFC 0001)
A concept-builder curriculum walking RFC 0001 — from a pnpm/Vite scaffold to a Google-Vids-class scene-based HTML-slide video editor. 16 verified, gold-checked bundles.
16 bundles5 phasesRFC 0001
Open →
Other
📖
English
Grammar, vocabulary & usage visualizations — interactive exercises recomputed live.
interactive
Open →
Other
📄
README
The repo overview, structure, and how everything fits together.
GitHub
Read →
No sections match your search.