System design sandbox

Drag components, connect them, then run traffic. Delete with Backspace or Delete when selected, or drag a node to the trash on the canvas.

Templates

Components

Drag a block onto the canvas. Connect handles to show traffic paths.

Drag here to delete

Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.

Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.

Select a node or edge to edit simulation fields.

Simulation

Traffic enters through client nodes, flows across edges, and is capped by each component. This is a teaching toy, not a production-grade model.

Tick 120 ms

Global offered load (rps)

Metrics

Throughput: 0 rps
Dropped: 0 rps
Drop rate: 0.0%
Approx. latency: 0 ms
Peak util.: 0%

Cost & load (last tick)

Dollar rates are illustrative teaching numbers, not a quote or bill.

Total ~$/hr: $0.00
Node util (min): 0%
Node util (max): 0%

File

Image

Fits the diagram to the view, then saves (good for slides).

Diagrams autosave in this browser. Export to share or back up.