Architecture Simulator
The Architecture Simulator is Codivise’s visual system design playground. Build architectures by dragging components, connect them with data flows, run live simulations with real-time metrics, and test chaos scenarios. Create custom named diagrams and save them for later—all in one place. No more switching between Excalidraw and separate tools.See It in Action
Why the Architecture Simulator
- Interview-ready — Practice system design the way it’s asked: draw, explain, iterate
- Live metrics — See QPS, latency, error rate, cache hit rate, and cost as you simulate
- Chaos testing — Toggle traffic spikes, cache misses, and node failures to test resilience
- Custom diagrams — Create and name unlimited diagrams. Save and reload anytime
- Task-linked — Pick a system design problem (e.g., URL shortener) and build your solution
Getting Started
- Go to Coding Coach → System Design Simulator (route:
/system-design-simulator) - Select a task (e.g., “Design a URL shortener”) or Freeform
- Drag components from the right palette onto the canvas
- Connect components by dragging from output handles (right) to input handles (left)
Components
| Component | Description |
|---|---|
| Load Balancer | Distributes traffic across nodes |
| Cache | Redis/Memcached-style caching layer |
| Database | Primary data store |
| Queue | Message queue for async processing |
| API Server | Stateless service layer |
| CDN | Content delivery at edge |
| Text | Label or annotation |
Running a Simulation
- Build your architecture
- Click Run Simulation in the controls panel
- Observe metrics: QPS, Latency p95, Error rate, Cache hit rate, Cost
- Toggle chaos: Traffic spike, Cache miss, Node crash
Custom Diagrams
- Click New diagram
- Enter a name (e.g., “My API architecture”)
- Build and save with Save or
Cmd+S/Ctrl+S - Load from Saved diagrams or the task dropdown (📐 icon)
Keyboard Shortcuts
Cmd+S/Ctrl+S— Save diagram
Related
- Coding Coach — Algorithms, system design, Mock Coder
- Platform Overview — How Codivise fits together