Skip to content

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.