Scenario Launcher
Each scenario demonstrates a core distributed system pattern. Hover to preview the system flow, then run the simulation to watch it in action.
Scenarios
4
Beginner
2
Avg Frames
13
Watch round-robin request routing across multiple backend servers and inspect each frame in the sequence.
System Flow
Client → Load Balancer → Server 1/2
Behavior
Requests distribute across servers in round-robin order. Each server handles requests sequentially.
Observe cache hit, cache miss fallback to Postgres, and invalid-key lookups with per-frame debug details.
System Flow
Client → Redis ↔ Postgres
Behavior
requests check Redis first. On miss, fallback to Postgres. Data flows both directions.
Track endpoint-based routing from API Gateway to backend services with Redis/Postgres flow snapshots.
System Flow
Client → API Gateway → LB → Servers, Cache, DB
Behavior
Gateway routes endpoints to appropriate services. Full chain with caching and persistence.
Simulate signed URL upload flow where server issues a valet key and client uploads directly to cloud storage.
System Flow
Client → Server → signedURL → Client → Cloud Storage
Behavior
Client first gets a signed upload URL from server, then uploads directly to storage without streaming file through backend.
Add new scenarios in src/scenarios/all.ts
Launch Cache Demo