HomeComputer ScienceArchitecture Patterns Simulation

🏛️ Architecture Patterns Simulation

3D layered visualization of MVC, MVVM and MVI mobile architecture patterns: watch instanced particle streams flow between View, Controller/ViewModel and Model/State layers, tune throughput, and inject concurrent bursts to see particle collisions mark race conditions.

Computer Science3DEasy60 FPS📱 Mobile-adapted⇄ 2D version
3d-mobile-design-patterns ↗ Open standalone
⚙ Under the hood

Visualize the same architecture graphs as a vertical 3-layer stack with particle streams representing throughput and collisions for a more dynamic understanding.

architecturesimulationdata flowrace conditions

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)