The KendoReact Org Chart enables users to easily view and interact with organizational structure and navigate to specific people or positions of interest. It is ideal for illustrating the hierarchy within a company, department, team, or other hierarchical structures.
The OrgChart component can be bound to two types of data:
When managing extensive datasets, it is not always feasible to load all the data initially as this might slow down the process. This is why the KendoReact OrgChart offers the possibility to load the child items on demand whenever a node is expanded.
The KendoReact OrgChart enables you to group the card items by a grouping field that is set as a property. For example, you can group the items by identical categories, such as department or job title.
You have the flexibility to customize the visual appearance of component by setting custom card width and height, title height, vertical lines height, group title and subtitle heigh.
The KendoReact OrgChart is one of the many components in the suite with out-of-the-box support for keyboard navigation. By simply using the keyboard shortcuts, users can open or close a node on focus or to navigate to other items within the chart.