Donut pie chart

A ring with a hole in the middle and a legend below that names each slice. The open center keeps the chart light on busy pages. Hover over a slice to see its value.

Try it in the editorSee example pages

Opens in your browser. No account needed.

Donut pie chart widget

Three ways to use it

Each example puts the widget on a Notion page and lists the settings it uses.

Investment mix

Add one row per holding with an Asset type and a Value property. Turn on Show totals to list each amount in the legend.

How it’s set up

Labels from
Asset type
Values from
Value
Show totals
On

Wedding guest replies

Add one row per guest with an RSVP property. Leave Values from empty to count the replies, and raise the hole size for a thinner ring.

How it’s set up

Labels from
RSVP
Values from
Empty, to count rows
Hole size
70

Calories by meal

Log each food with a Meal and a Calories property. A small slice gap and rounded corners keep the slices apart.

How it’s set up

Labels from
Meal
Values from
Calories
Slice gap
2
Corners
4

Other pie chart variants

The same pie chart widget with a different look. Each variant has its own page.

  • Normal

    Small breakdowns with a few clear parts

Compare all 2 variants

Make it yours in the editor

Start from the Donut variant and change any part of it. Try it in your browser first, no account needed.

What you can change

  • Shape: pie or donut, with a hole size
  • A color for each slice
  • Size, slice gap and corners
  • Slice labels inside or outside, with label lines
  • Hover card, and a legend with totals
  • Font, colors, corners, borders and shadow