Home▸Computer Science▸Navigation Back-Stack & Memory Eviction Simulator

Navigation Back-Stack & Memory Eviction Simulator

Interactive 3D model of a mobile app's navigation back-stack: push and pop screens, watch the OS evict backgrounded screens once a memory budget is exceeded, and see the recreation cost paid when you back into an evicted screen.

Computer Science3DModerate60 FPS📱 Mobile-adapted

Every mobile app's navigation is, underneath the tab bars and drawers, a LIFO back-stack of screens. This simulator makes the invisible half of that mechanism visible: push screens onto a 3D stack, set a memory budget, and watch the operating system evict backgrounded screens — furthest from the visible top first — once that budget is exceeded. Press Back into an evicted screen and pay the real cost mobile OSes pay: a recreation delay proportional to the screen's weight, tracked live alongside stack depth, live memory against budget, eviction count and average recreation cost. Push (singleTop) and Clear to root reproduce the exact dedup and stack-collapse patterns Android's launch modes and iOS's view-controller stack use in production.

⚙ Under the hood

Push and pop screens on a 3D mobile navigation back-stack, watch the OS evict backgrounded screens once a memory budget is exceeded, and pay the real recreation cost when you back into an evicted screen.

mobilenavigationdata-structuresmemory-managementandroidux

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