A modern donut pie chart widget 🍩 that shows category share with bold in-arc percentages 💯. Pop one slice out (exploded) ✨ to spotlight a key category while others stay put. Crisp gaps and a clean inner radius boost readability — especially on small screens 📱. A color-coded legend 🎨 mirrors slice order for instant mapping. Smooth, pixel-sharp scaling from cards to full dashboards keeps labels clear — perfect for quick distribution summaries in reports, analytics, and product UI.

Functionality

• 🍩 Donut/ring rendering with configurable inner radius and slice gap

• 💥 Exploded/offset slice to highlight a category

• 🏷️ In-arc percentage/value labels with auto-contrast

• 🎨 Color legend (toggleable) matching slice order

• 🔄 Custom start angle, sorting, colors, and rounding

• 📱 Responsive layout; light/dark mode 🌗; optional tap/hover callbacks

Use cases

• 📊 Show category distribution: traffic sources, revenue mix, user segments

• 🧲 Highlight a featured slice in KPI cards or marketing reports

• 📈 Quick share breakdowns in analytics dashboards

• 🪄 Mobile summaries where readable labels are essential

Keywords (one line)
donut pie chart widget, ring chart custom widget flutterflow, donut chart flutterflow, pie chart percentage labels, exploded slice donut chart, legend donut chart widget, category distribution chart flutterflow, responsive pie chart custom widget, interactive donut chart flutter, dashboard chart widget flutterflow, light dark mode donut chart, analytics kpi donut chart, mobile pie chart visualization