Treenode Chart

A treenode chart is a type of multi-level hierarchical visualization similar to an organizational structure, rather than the nested rectangles seen in the treemap chart. Treenode charts consist of nodes connected by lines. Each node represents a data point, and the connections showcase the relationships between them. In the treemap chart, the top node is considered the root, and it branches out into child nodes, which can further branch into their own children. The chart visually represents the categories and subcategories, facilitating the exploration and analysis of complex datasets.

The treenode chart by default showcases two hierarchies; each hierarchy can be expanded or collapsed independently, allowing you to focus on one at a time or compare them side-by-side.

Note

Treenode chart is an ideal option to showcase the part to whole contribution and for analyzing hierarchical data.

Note

• Keep the diagram as simple as possible.
• Use clear labels and consistent formatting to ensure that the relationships between nodes are easy to understand.
• Keep the number of dimensions to a manageable level to maintain clarity and avoid clutter.
• Use a consistent color scheme that helps differentiate between different levels and categories
• Ensure the data you want to visualize is hierarchical.

Dont's

• Do not include too many levels or segments.
• Do not use treenode chart when there is no proper hierarchical order.

Basic Configuration

Add and configure the required treenode chart in Infoveave with the simple drag-and-drop option. Select the Datasource, the associated measure(s) and the dimension(s) required. Below are the simple steps on how to configure a treenode chart in Infoveave.

1. Drag the treenode chart and drop it onto the designer workspace, from the chart library.
2. Click on the treenode chart in the designer to select it.
3. With the treenode chart selected, go to the Configuration tab located in the Configuration panel.
4. Under the Configuration tab, select the Basic Configuration option to access the essential settings for the treenode chart.
5. Select the Datasource from Source which the chart will pull the data from the option.
6. Choose the Measure(s) that represents the numerical values you want to display based on the treenode chart.
7. Choose the Dimension(s) that represents the categorical values you want to display based on the treenode chart.
8. Use the Date (optional) to include a date dimension in your chart, useful for showing trends over time.
9. Enable Hide Zero Values option (optional) to hide bars that have a value of zero.

Chart Customization

Customizing the treenode chart allows you to tailor the widget appearance to meet your theme. With improved customization you can enhance the clarity on the data points, the chart aesthetics and set interactivity filters making your dashboard visually appealing also effectively communicating your data insights.

The basic customizations available for the treenode chart are as below

• General Modify the chart’s general appearance, including the background color, borders, shadows, and drill-out choices.
• Title Enable and customize the chart title’s text, font, color, and alignment.
• Sorting Choose the order in which data points are shown in the chart.
• Grid Customize the visibility and style of grid lines and margins in the chart.
• Heatmap Adjust the heatmap visibility, position, text, and orientation settings.
• Series Customize the look and behavior of the data series, such as labels, colors, and backdrop.
• Tooltip Customize the tooltip settings to improve the information shown when you hover over data points.
• Others Additional options to change the chart orientation and layout style.