Skip to main content

OrgChart Overview

Visualize hierarchical organizational structures with automatic layout and interactions.

Core Concepts​

  • Single Parent: Each node has at most one parent
  • Multiple Children: Unlimited children per node
  • Tree Layout: Automatic positioning
  • Interactions: Drag & drop, zoom, pan, collapse

Architecture​

  • Controller: Manages data and layout
  • Widget: Renders the visualization
  • Model: Your custom data structures

Basic Usage​

OrgChart<T>(
  controller: controller,
  builder: (details) => YourNodeWidget(),
  isDraggable: true,
  linePaint: Paint(),
  arrowStyle: SolidGraphArrow(),
)

Use Cases​

  • Company organizational structures
  • Team hierarchies
  • Project breakdown structures
  • Decision trees
  • File system browsers
  • Menu systems

Next Steps​