Dynamic Donut Chart
A flexible donut chart with dynamic segments, smooth animations, and full styling control — perfect for visualizing proportional data like survey results, budgets, or performance
Made with Workshop
Build your own component with AI
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.
✨ Features
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
🛠 How to Use
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
