Org Chart

Flutter library for organizational charts and family trees. High-performance, customizable, cross-platform.

Key Features

🚀

Performance

QuadTree optimization for 1000+ nodes

🎨

Customizable

Full control over nodes and edges

📱

Cross-Platform

iOS, Android, Web, Desktop

🔄

Interactive

Drag & drop, zoom, pan, collapse

💼

Production Ready

v5.0.2 - MIT License

🧬

Dual Purpose

Org charts + family genograms

Quick Start

Organization Chart

final controller = OrgChartController<Employee>(
  items: employees,
  idProvider: (emp) => emp.id,
  toProvider: (emp) => emp.managerId,
);

return OrgChart<Employee>(
  controller: controller,
  builder: (details) => Card(
    child: Padding(
      padding: EdgeInsets.all(12),
      child: Text(details.item.name),
    ),
  ),
);

Family Genogram

final controller = GenogramController<Person>(
  items: familyMembers,
  idProvider: (person) => person.id,
  fatherProvider: (person) => person.fatherId,
  motherProvider: (person) => person.motherId,
  spousesProvider: (person) => person.spouseIds,
  genderProvider: (person) => person.gender,
);

return Genogram<Person>(
  controller: controller,
  builder: (details) => Container(
    decoration: BoxDecoration(
      shape: BoxShape.circle,
      color: details.item.gender == 0 
        ? Colors.blue.shade100 
        : Colors.pink.shade100,
    ),
    child: Center(child: Text(details.item.name)),
  ),
);

Get Started

Get Started →View ExamplesGitHub

Use Cases

• Corporate: Company hierarchies, reporting structures
• HR Systems: Employee org charts with interactions
• Medical: Family genograms for medical history
• Genealogy: Family trees with relationships
• Education: Teaching organizational structures
• Project Management: Team structures and dependencies