Hierarchical diagrams for your UWP data

Create hierarchical diagrams that show the structure and relationships of your data. ComponentOne OrgChart™ for UWP leverages the rich data-binding mechanisms of the platform to provide a flexible yet simple control.

Flexible Data-binding

Bind the OrgChart control to a single entity containing subitems or an IEnumerable collection of items — which each can contain subitems. The control also supports advanced binding scenarios to create complex hierarchical displays using a HierarchicalDataTemplate.

UWP Org Chart

Horizontal or Vertical Orientation

Set the Orientation property to horizontal or to vertical to change the direction that the OrgChart control flows items in.

Customizable Item Templates

Customize the appearance of nodes by defining templates. You have full control over how items appear by defining simple DataTemplates, or you can use a DataTemplateSelector to provide a different look for certain nodes based on business logic.

UWP Org Chart Templates

Expand and Collapse Items

Enable the user to hide an item’s branches to create a more compact display. The OrgChart control nodes have an IsCollapsed property that allows you to collapse or expand each node, similar to a TreeView.

UWP Org Chart Collapse

Connector Line Customization

The OrgChart control exposes several properties that allow you to customize the lines used to connect nodes. With these properties, you can customize the brush, thickness, and dash array used to create connector lines. You can even bind these properties to properties on the data item to customize the lines per relationship.

Child Spacing

Customize the spacing of items in your OrgChart by simply setting one property. The ChildSpacing property controls the horizontal and vertical separation between items in pixels.