Name: ApexTree
Brand: ApexCharts
Availability: InStock

Collapse what you are not reading

A deep hierarchy only stays legible if you can put most of it away. Collapse a branch, expand all, collapse all, or open the tree to a fixed depth, each running as one reflow rather than node by node. Every change is a transition rather than a re-render: persistent per-node springs carry each node to its new home while connectors bend continuously with them, so the branch you were reading is still where your eye left it.

Radial layouts and dendrograms

Put the root at the centre with each depth on its own ring, or pin every leaf to the outer ring for a true dendrogram. It is a polar remap of the same tidy-tree result, so parent-centring carries over, edges curve around the centre, and external labels fan along their spoke and flip on the left half so they never read upside down.

Focus a lineage, trace the path

Spotlight any node and everything outside its lineage and subtree dims while the camera springs to frame it. A marching dash flows along the route back to the root at the same time, so the path that matters is both isolated and directional. Escape or a second click restores the whole tree.

One node, three levels of detail

A card that reads well at full size is illegible noise at 30 percent. Semantic zoom re-tiers what renders inside each node by how wide it appears on screen: full card, then name and role, then a colour slab. Node geometry is fixed across tiers, so crossing a threshold never reflows the layout or moves the node under your pointer.

Live data without losing the view

Push a new dataset and the tree diffs it on node id: people who stay keep their DOM wrapper and travel to their new position, joiners grow out of their manager, and leavers retract into them. Collapse state, selection, focus and expanded cards all survive the update, so a websocket tick never resets the view.

External labels for dense hierarchies

Render labels outside the node box, floating above marker nodes or rotated beside the leaves, so a wide taxonomy stays legible without bloating every node. Align, offset and rotation are configurable per node, and in a radial layout crowded rings can thin their labels automatically.

Expandable Cards

A card can expand in place to reveal stats, progress and actions, sized from its own content.

Lazy Children

Mark a node as having children and fetch them on first expand, spinner and all.

Command Palette

Cmd or Ctrl + K to jump to any node by name, or expand, collapse and fit the view.

Org charts that stay readable as they grow