Presenting the company's hierarchy using the Hierarchy Viewer

The HierarchyViewer component is used to graphically display trees and hierarchical data, which usually comes from a master-details relationship, in a beautiful graphical representation. Each row is represented by a shape (node) that can be configured in order to display multiple attributes and utilized to view many attributes using the panel cards layout component. In this recipe, you will use the HierarchyViewer component to display an organization chart of employees.

Also, in this recipe, the model has been created for you; you can continue from the previous recipe or you can open the project directly by cloning the HierarchyViewer project from the Git repository.

How to do it...

In order to add the hierarchy viewer, follow the ensuing steps:

1. Create a new task flow inside the ViewController project.

2. Name the task flow employees-organization-chart-flow.

3. Add a view activity under the task flow and name it employeesHierarchy.

4. Double...