HomeComputer ScienceDeep Link Route Resolver (2D)

Deep Link Route Resolver (2D)

Interactive 2D radix-trie visualizer for mobile deep-link routing: pan and zoom a live route tree, watch an incoming URL travel node-by-node down the tree, see static-vs-parameter precedence resolve ambiguous paths, and read live node-visit and match-time counters.

Computer Science2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-mobile-deep-linking-implementation ↗ Open standalone

A mobile app's deep-link router does not scan every registered path for every incoming URL - it walks a radix trie one path segment at a time, choosing between a literal child and a parameter child (:id) at every branch, and backtracking up the tree when a branch dead-ends. This simulator builds a real trie from a small e-commerce app's route table and renders it as a pannable, zoomable 2D tree; picking an incoming deep link and pressing "Resolve route" sends a traveling marker down the exact path the matching algorithm takes, live counters track how many nodes the resolver actually visits and the resulting match-time estimate, and a static-first/param-first toggle demonstrates the real ambiguity bug that appears when a literal route and a parameter route can both accept the same segment.

⚙ Under the hood

Pan and zoom a live 2D radix-trie route tree for mobile deep-linking: trace an incoming URL node-by-node, watch static-vs-parameter precedence resolve ambiguous routes, and read live node-visit and match-time counters.

deep linkingroutingradix triemobilealgorithmsURL matching

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

What did you find?

Add reproduction steps (optional)