Chord Chart

A chord chart is a different version of the chord ribbon chart, and it focuses on displaying the relationship between multiple dimensions over a single measure value. The dimension values of each dimension in the chart are referred to as nodes. The size of each node is directly proportional to the data values. The nodes are arranged radially around a circle, and connections between them are represented by lines. The chart helps to visualize relationships in large datasets with multiple categories. The chord charts are ideal for scenarios such as showing data relationships and providing a clear visual representation of connections.

Note

Chord chart is an ideal option to showcase the relationship among dimensions.

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.

Dont's

• Do not include too many levels or segments.
• Do not use colors that are too similar, as this can make it difficult to differentiate between nodes and connections.

Basic Configuration

Add and configure the required chord 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 chord chart in Infoveave.

1. Drag the chord chart and drop it onto the designer workspace, from the chart library.
2. Click on the chord chart in the designer to select it.
3. With the chord chart selected, go to the Widget Configuration tab located in the Customize panel.
4. Under the Configuration tab, select the Basic Configuration option to access the essential settings for the chord 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 chord chart.
7. Choose the Dimension(s) that represents the categorical values you want to display based on the chord 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 chord 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.

With the chord chart selected, go to the Widget Customization tab located in the Customize panel.

The basic customizations available for the chord 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.
• Position Set the vertical and horizontal position of the chart within the available chart area to present the chart in the best way.
• Legend Adjust the legend’s visibility, position, text, and orientation, as well as heatmap 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 for stacking data series and displaying them as percentages.