Use case
Dependency Graphs without the hairball
Visualize npm, Cargo, Go modules, microservice topologies, and architecture maps. Find cycles and critical paths in a few seconds, not a few minutes.
The problem
Cycle detection
Real package graphs grow circular fast. Visualizing without highlighting the cycles is just noise.
Critical-path emphasis
Build engineers want to see the longest chain immediately, not after a manual zoom-and-trace.
Tens of thousands of edges
A monorepo dependency graph easily exceeds 5,000 edges. Most libraries become a hairball.
Drill-down filters
Show only direct deps, transitive deps, dev-deps, peer-deps — without re-rendering the whole tree.
How TopoKit fits
Tree, dagre, and force layouts
Pick the right algorithm for your graph shape. Switch with a single property change.
Built-in highlight + critical path
Combine highlight() with your own pathfinder to spotlight the longest chain.
Force-directed edge bundling
Untangle dense edge sets in a monorepo dep graph.
Filtering API
Toggle prod / dev / peer / optional dependencies with a flag — no re-mount.
Progressive expand
Start with the root package and expand neighbors on demand. Keeps initial render fast.
Search
Find a package by name and jump to it; the minimap helps users orient.
See dependency tree in action
Live demo with cycle detection, critical-path highlight, and filtering.