Donut visualization (SmartViz)

Important

This feature is in beta and subject to change. Reach out to support with any issues.

The Donut visualization shows how a total breaks down into parts. Setting the inner radius to 0 produces a solid pie chart; any larger value produces a donut, which can display the overall total in its center.

When to use a donut

A donut answers one question: what share of the total does each part hold? It needs one categorical column and one numeric column, and stays readable only while the number of categories is small. Past about seven slices the segments get too thin to compare and the labels collide.

Cost breakdowns fit well, such as Azure Cost (Service) across a handful of top services.

With more categories, a Treemap keeps them all readable. Where you need precise comparison rather than proportion, use a Bar, because the eye judges length far better than angle. And if the parts don't sum to a meaningful whole, drop the proportion framing entirely.

Try it out

Change the settings below and see how the chart updates. Select a dataset from the dropdown to see different use cases.

Interactive example
Showing

Traffic by channel, five categories far enough apart in size to tell apart. Nothing here is small enough to need grouping, which the next sample changes.

10,170
Organic search (41%)Direct (26%)Paid social (18%)Referral (9%)Email (6%)
Pie chart: Organic search is the largest slice at 41% of 10170 visits

Donut settings

Data mapping

Setting
Description
Label
Required. Select the column naming each slice.
Value
Required. Select the numeric column determining each slice's size.

Legend & labels

Setting
Description
Label Color
Choose the text color for slice labels.
Label Font Size (px)
Enter the font size for slice labels, from 6 to 72.

Pie / donut

Setting
Description
Inner Radius (%)
Enter the size of the hole in the middle, from 0 to 100. Enter 0 for a solid pie; enter a larger value for a donut.
Center Value
Select what to display in the middle of the donut. Choose from: Total or None.
Rose Mode
Select how slice radius varies. Choose Angle to keep equal radii and vary the angle, or Area to vary the radius by value.
Label Content
Select what each slice label shows. Choose from: Name, Value, Percent, or None.
Label Position
Select where slice labels sit. Choose from: Outside or Inside.
Segment Gap (°)
Enter the angular gap between slices, from 0 to 10 degrees.
Corner Radius (px)
Enter the corner radius for each slice, from 0 to 50.
Min Slice Angle for Label (°)
Enter an angle, from 0 to 360 degrees. Slices narrower than this don't show a label. Useful when many small slices clutter the chart.
Label Collision
Select the Hide Overlapping option to suppress labels that would collide with each other.
Max Slices
Enter the maximum number of slices to show, from 1 to 100. Slices beyond this count are grouped into a single Others segment.
Legend Style
Select the Value Table option to replace the standard legend with a table listing each slice and its value.

Colors

Add up to 20 colors to set the palette, in order. The palette repeats when there are more items than colors. Leave the palette empty to use the SquaredUp default colors.

Series / status colors

Pin a named value to a specific color, regardless of its position in the palette. Enter the name exactly as it appears in your data, then choose its color.

Was this article helpful?

Have more questions or facing an issue?
Submit a ticket