JavaScript is required

Business Unit Organizational Chart

This example documents a presentation-oriented organizational chart built from one company hierarchy that is split into business-unit subtrees and recomposed under a shared executive root. It uses custom role cards, per-group folder layouts, expand-collapse relayout, a minimap, and a floating settings and export panel to turn a static hierarchy into a structured viewer.

Edit on GraphPilot

Building a Grouped Organizational Chart with Custom Role Cards

What This Example Builds

This example builds a read-only organizational chart for one company root and several first-level business units. The canvas shows a top executive card above four horizontally arranged business-unit subtrees, with orthogonal connectors, depth-based color accents, a minimap, and a floating utility window around the graph.

Users can expand or collapse departments, navigate with the built-in toolbar and