Saunak Ghosh mark

System Design Simulator

2026

An educational system design canvas for architecting distributed systems, running traffic simulations, and injecting chaos scenarios.

Next.js 16React 19React FlowDagreRechartsTypeScript
Distributed systems simulation canvas

The Problem

System design is often taught as static diagrams, which makes load handling, resilience, and failure behavior hard to internalize.

System Design Simulator lets users build architectures visually, simulate traffic, inject failures, and study how systems behave under stress.

Solution & Architecture

// Chaos event injection
export function triggerFailure(nodeId: string, type: FailureType) {
  simulation.dispatch({ type: 'inject-failure', nodeId, failure: type });
}
Visual Architecture CanvasLearning

Turns distributed systems into something users can assemble, inspect, and reason about interactively.

Chaos Engineering ModuleResilience

Lets learners simulate outages, packet loss, and resource spikes without risking production systems.

Simulation Style
Realtime Flow

Traffic, failure, and cost modeling on an interactive canvas