Organization chart data is arranged in a hierarchy with a root node at the top, feeding parent nodes, which are set first within the child nodes. Automatic layouts ensure your org chart looks great without collisions or overlaps. In addition, animation and dynamic direction orientations are supported through the toolbar with integrated events for left, right, down and up.
This example shows a family tree and you can see how the parent and child nodes and drawing linking connector lines with the automatic layout system.
Tooltips are also supported which enables you to create a visually clean org chart while also adding additional information, such as contact information or other metrics on the individuals in the organizational chart. Micro charts and sparkline charts can also be seamlessly integrated into tooltips for performance visualizations. This sub charts are also rendered natively and included with all licenses of the the JSCharting JS library.