HomeComputer ScienceDI Container Resolution Graph

DI Container Resolution Graph

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

Computer Science3DModerate60 FPS📱 Mobile-adapted⇄ 2D version
mobile-dependency-injection ↗ Open standalone

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 simulator renders that graph in 3D — App at the root, UserRepository, AnalyticsService, ApiClient, Database, NetworkSession and a shared Logger leaf — and lets you press Resolve to watch the container walk it step by step, 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

Watch a real depth-first dependency-injection resolver walk a mobile app's service graph, cache singleton instances, spawn fresh transient ones, and catch circular dependencies before they crash the app.

dependency injectionsoftware architecturemobile developmentgraph algorithmsdesign patterns

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

What did you find?

Add reproduction steps (optional)