Donut Chart

Donut charts are a visualization used to display data values as proportional segments of a circular chart with a hollow center. Each segment represents a category’s contribution to the total, while the hole in the center can be used to emphasize overall totals or highlight a key metric. The entire donut represents 100% of the data.

You can use donut charts to show how different categories contribute to a single total, compare relative proportions, and maintain a clean visual layout with space for summary information in the center.

This article explains the requirements for creating donut charts and provides an overview of key properties and configuration options available in Wyn Notebooks.

You can use donut charts to show the percentage contribution of each product category to total sales, visualize the distribution of expenses by department while displaying the total cost in the center, compare customer segments by market share, and highlight how various regions contribute to overall revenue while emphasizing the grand total in the center.

This topic explains how to create and customize data tables and explains the most frequently used properties. Refer to the reference for all the column chart properties and configuration options.

Create a Donut Chart

To create a donut chart:

Click the Plus (+) button to open the chart selection dropdown.
Select Donut Chart from the available visualization types.

Bind Data to Donut Chart

For a basic donut chart, bind the following fields:

Values: The numerical measure that determines the size or proportion of each segment. The chart automatically calculates each value as a percentage of the total.
Legend (Series): The categorical field that defines how the data is divided into segments (for example, Product Category, Region, or Department).

Once your data source is selected, all data attributes appear in the Data Binding tab. You can drag the following elements into the binding slots of the chart:

Data Attribute: Drag and drop any field from the data source directly into a binding slot.
Measure: Hover over the data source table name, click the gear icon (⚙), and select Add measure…. Define a name and an expression, click OK, then drag the measure to a binding slot.
Calculated Column: Hover over the data source table name, click the gear icon (⚙), and select Add calculated column…. Define your calculation, click OK, then drag it to a binding slot.

Add Aggregations

You can control how data is aggregated and labeled in the chart:

Aggregation Method: Click the gear icon (⚙) next to a bound data attribute and select an aggregation type (e.g., Sum, Average, Count).
Rename Data Attribute: Click the gear icon (⚙) next to a bound data attribute and select Rename to modify how it appears in the chart.

Set Chart Title

By default, Wyn generates a chart title based on the selected data attributes.

You can modify this title in the Inspector Panel:

Click the gear icon (⚙) next to the Data Binding tab to open the Inspector Panel.
Under Title, enter a custom title for your chart.

Note: Once a custom title is entered, changes to the data attributes will no longer automatically update the chart title.

To include more details in the chart’s tooltip, drag one or more data attributes into the Tooltip binding slot.

Tooltips appear when hovering over chart segments, providing contextual details such as category names, values, and percentages.

Customize Colors

You can adjust the color scheme of your donut chart in Inspector Panel > Chart Style > Palette. Choose from:

Theme: A default seven-color palette based on a theme.
Standard: A set of predefined color palettes.
Custom: Define your own palette to match brand colors or visualization standards.