Graphina Documentation

Tree Chart

The Tree Chart widget in Graphina Pro allows users to visualize hierarchical data structures in a clear and interactive tree format. It is designed to represent parent-child relationships, making it ideal for use cases such as organizational structures, product categories, file directories, taxonomy hierarchies, and more.

How It Works

Root Node: The top-most node that acts as the starting point.

Child Nodes: Each node can have one or more child nodes.

Edges/Branches: Lines connecting parent nodes to children, visually forming a hierarchy.

Levels: The chart supports multiple levels of depth and dynamically adapts to the data structure.

Data Input:

You can input data manually via the Elementor panel.

Or fetch dynamic hierarchical data using APIs, SQL Queries, or JSON structures.

Tree Chart – Node Hierarchy Structure