Interactive Donut

A clean, fully customizable donut chart for Framer. Paste your numbers as a simple comma-separated list and the chart calculates the shares for you.

• Draws itself when scrolled into view

• Hover or tap a slice to highlight it and show its share in the center

• Built-in legend: right, bottom or hidden, showing percent, value or both

• Custom colors, thickness, slice gaps, round ends and glow

• Prefix and suffix for values ($, %, users...)

• Works on light and dark backgrounds

Great for tokenomics, survey results, budgets, traffic sources and any dashboard-style section.