{"id":659,"date":"2025-07-16T08:59:32","date_gmt":"2025-07-16T08:59:32","guid":{"rendered":"https:\/\/documentation.iqonic.design\/graphina\/?p=659"},"modified":"2025-07-16T08:59:34","modified_gmt":"2025-07-16T08:59:34","slug":"tree-chart","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/graphina\/tree-chart\/","title":{"rendered":"Tree Chart"},"content":{"rendered":"<div class=\"nolwrap\">\n<p>The <strong>Tree Chart<\/strong> widget in Graphina Pro allows users to visualize <strong>hierarchical data structures<\/strong> in a clear and interactive tree format. It is designed to represent <strong>parent-child relationships<\/strong>, making it ideal for use cases such as organizational structures, product categories, file directories, taxonomy hierarchies, and more.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\"><strong>How It Works<\/strong><\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Root Node<\/strong>: The top-most node that acts as the starting point.<\/p>\n\n\n\n<p><strong>Child Nodes<\/strong>: Each node can have one or more child nodes.<\/p>\n\n\n\n<p><strong>Edges\/Branches<\/strong>: Lines connecting parent nodes to children, visually forming a hierarchy.<\/p>\n\n\n\n<p><strong>Levels<\/strong>: The chart supports multiple levels of depth and dynamically adapts to the data structure.<\/p>\n\n\n\n<p><strong>Data Input<\/strong>:<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>You can input data manually via the Elementor panel.<\/p>\n\n\n\n<p>Or fetch dynamic hierarchical data using APIs, SQL Queries, or JSON structures.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\"><strong>Tree Chart \u2013 Node Hierarchy Structure<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"480\" src=\"https:\/\/documentation.iqonic.design\/graphina\/wp-content\/uploads\/sites\/3\/2025\/07\/Screenshot.png\" alt=\"\" class=\"wp-image-664\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":125,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-659","post","type-post","status-publish","format-standard","hentry","category-graphina"],"featured_image_src":null,"author_info":{"display_name":"wordpressadminiq","author_link":"https:\/\/documentation.iqonic.design\/graphina\/author\/wordpressadminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/comments?post=659"}],"version-history":[{"count":2,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/659\/revisions"}],"predecessor-version":[{"id":670,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/659\/revisions\/670"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/125"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/media?parent=659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/categories?post=659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/tags?post=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}