Home▸Computer Science▸DI Container Resolution Graph (2D)

DI Container Resolution Graph (2D)

Interactive 2D dependency-injection container: watch a real depth-first resolver walk a service graph on a pannable/zoomable canvas, cache singleton instances, spawn fresh transient ones, and catch circular dependencies before they crash the app.

Computer Science2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

Details

CategoryComputer Science

RenderingCanvas 2D

DifficultyModerate

Target FPS60

ControlsClick any service node to inspect it, drag empty space to pan and drag a node to reposition it, scroll to zoom, press Resolve App to animate the depth-first resolution with a live call-stack panel, toggle a selected node's scope between Singleton and Transient, introduce a circular import to watch cycle detection fire, switch between Layered and Circular layouts, and adjust the resolution speed and zoom sliders.

dependency injectionsoftware architecturemobile developmentgraph algorithmsdesign patterns

Related simulations

Fine-Grained Reactivity 2D: Observable Dependency GraphAn interactive 2D dependency graph showing how MobX-style fine-grained reactive state tracks…

Fine-Grained Reactivity: Observable Dependency GraphAn interactive 3D dependency graph showing how MobX-style fine-grained reactive state tracks…

Mark-and-Sweep Garbage CollectorWatch a real mark-and-sweep garbage collector at work on a live 3D heap: allocate objects,… ⊞ All 307 in Computer Science →

Mobile dependency-injection frameworks like Dagger/Hilt, Koin and Swinject all boil down to the same algorithm: a depth-first walk of a declared service graph that instantiates each dependency exactly once for a singleton scope, fresh every time for a transient scope, and fails fast the moment it re-enters a node it is still in the middle of resolving. This 2D canvas simulator renders that graph — App at the root, UserRepository, AnalyticsService, ApiClient, Database, NetworkSession and a shared Logger leaf — on a pannable, zoomable stage. Press Resolve to watch the container walk it step by step with a live call-stack panel, toggle any service between Singleton and Transient to see the instance count change live, and deliberately introduce a circular import to watch the resolver catch it instead of stack-overflowing.

⚙ Under the hood

Interactive 2D canvas dependency-injection container: watch a real depth-first resolver walk a mobile app's service graph on a pannable, zoomable stage with a live call-stack panel, cache singleton instances, spawn fresh transient ones, and catch circular dependencies before they crash the app.

dependency injectionsoftware architecturemobile developmentgraph algorithmsdesign patterns

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