Skip to content

Use case

Org Charts that scale to 5,000 people

Build the org chart your HR product or internal tool actually needs: department combos, collapse, custom avatars, search, and PNG export. White-label for Enterprise.

The problem

Department combos

Real org charts group people by team, function, and region. Most tree libraries flatten this into pure parent-child.

Collapse / expand at scale

A 5,000-employee company chart is unusable without aggressive folding. Each branch must collapse independently.

Custom node rendering

HR products want avatars, titles, badges, status dots, hover cards — not just a labeled rectangle.

Search and zoom-to-fit

Users land on the chart wanting to find one person and jump there. The default UX should make this trivial.

How TopoKit fits

Hierarchical + dagre layouts

Two production-ready algorithms with tunable spacing, alignment, and ranking.

Cluster-by-field

Group nodes by department, region, manager — collapse and expand entire subtrees interactively.

Custom node templates

Render avatars, titles, badges with the renderer hook. Multi-line text and hover details supported.

Built-in search + minimap

Find anyone by name and jump to them; the minimap helps users orient on big charts.

PNG export

One-line API to export the current view as a PNG for slides, reports, or onboarding docs.

White-label (Enterprise)

Embed in your HR product without TopoKit branding.

See it run

Try the org-chart demo with hierarchical layout, department combos, and PNG export.