Grid radial chart

The same rings over a guide of thin circles and lines, like a target, which makes ring lengths easier to compare. Hover over a ring to see its value.

Try it in the editorSee example pages

Opens in your browser. No account needed.

Grid radial chart widget

Three ways to use it

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

Sales by region

Add one row per order with a Region and an Amount property. Each ring adds up the sales for one region.

How it’s set up

Labels from
Region
Values from
Amount

Lessons per course

Log each finished lesson with a Course property and leave Values from empty. The guide shows which course is behind.

How it’s set up

Labels from
Course
Values from
Empty, to count rows

Charity walk

Log each walk with a Team and a Kilometers property. Turn on center text with a km suffix to show the total distance.

How it’s set up

Labels from
Team
Values from
Kilometers
Show center text
On
Suffix
km

Other radial chart variants

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

  • Normal

    Small dashboard spaces that compare a few totals

Compare all 2 variants

Make it yours in the editor

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

What you can change

  • Hole size, size, thickness and ring gap
  • Rounded corners and a track behind each ring
  • Rings guide on or off
  • A color for each ring
  • Ring labels, and center text with a label, prefix and suffix
  • Hover card and legend
  • Font, colors, corners, borders and shadow