Home▸Computer Science▸Architecture Patterns Simulation

🏛️ Architecture Patterns Simulation

Interactive simulator comparing MVC, MVVM and MVI mobile architecture patterns: watch a user-input event hop through View, Controller/ViewModel, and Model/State components, count round-trip hops, and trigger race conditions to see where each pattern loses or corrupts updates.

Computer Science2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

⚙ Under the hood

Explore the data flow in MVC, MVVM, and MVI architectures through a graph that highlights where race conditions or missed updates might occur.

architecturesimulationdata flowrace conditions

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install