Normal radial chart

Colored rings with rounded ends on a faint track, each labeled at its start, with nothing behind them. Hover over a ring to see its value.

Try it in the editorSee example pages

Opens in your browser. No account needed.

Normal radial chart widget

Three ways to use it

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

Savings by fund

Add one row per fund with the amount saved. Turn on center text with a $ prefix to show the total in the middle.

How it’s set up

Labels from
Fund
Values from
Saved
Show center text
On
Label
Saved
Prefix
$

Pages read per book

Log each reading session with a Book and a Pages property. Each ring adds up the pages for one book this month.

How it’s set up

Labels from
Book
Values from
Pages

Habit check-ins

Log each check-in as a row with a Habit property. Leave Values from empty, and each ring counts the check-ins for one habit.

How it’s set up

Labels from
Habit
Values from
Empty, to count rows

Other radial chart variants

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

  • Grid

    Comparisons where readers judge ring lengths closely

Compare all 2 variants

Make it yours in the editor

Start from the Normal 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