Dynamic Donut Chart
A flexible, customizable donut chart component for Framer — perfect for visualizing proportional data like survey results, budgets, or performance metrics. Supports dynamic segments with smooth animations, adjustable hole size, and fully customizable styling.
Display a flexible number of segments
Adjustable hole size (0–100%)
Smooth animated rendering
Configurable title, legend, and outline
Flexible legend placement (bottom or right)
Customizable fonts, colors, and layout
Fully responsive and adapts to any container
Add the component to your Framer canvas
Edit the Data array to define segments (label, value, color)
Adjust hole size, title, and legend placement in Chart controls
Customize fonts, colors, spacing, and shadows in Appearance controls
Resize freely — the chart is fully responsive
Framer Spark
