MARKETPLACE
PLUGINS
DONUT / PIE CHART MOBILE & WEB
Donut / Pie Chart Mobile & Web logo

Donut / Pie Chart Mobile & Web

Published September 2024
   •    Updated this week

Plugin details

(Native Mobile & Web) Customizable pie/donut chart plugin that enables users to visually represent data with dynamic values, customizable labels, colors and a wide range of styling options. Perfect for visualizing segmented data with responsive design and real-time updates, the chart can be easily tailored to match any design or use case, ensuring clarity and aesthetic appeal.
MAIN FEATURES:
➡️ Responsive Design: Adapts to various screen sizes and automatically adjusts chart dimensions (height and width) to fit the container.
➡️ Customizable Chart Type: Display the chart as either a pie or donut chart with adjustable inner radius for donut mode.
➡️ Flexible Labeling Options: Choose between "Name Only", "Value Only", or "Name & Value" for data labels, with customizable font size, color, and formatting for decimal places.
➡️ Legend & Tooltip Support: Toggle the display of legends and tooltips, with tooltips showing additional data and suffixes (e.g., % or custom text).
➡️ Styling Flexibility: Customize the chart background color, font type, legend alignment, tooltip font size, font color, etc. and label appearance.
➡️ Dynamic Data Input: Accepts dynamic input for names, values, and colors, making the chart adaptable to different datasets.
➡️ Hover Effect: When hovered over the section, it dynamically highlights, making it visually stand out.

*Note: If you have a feature or plugin request, feel free to contact us.*

WEB
Open in Bubble Editor
View Live Demo

NATIVE MOBILE
Open in Mobile Editor
View Mobile Demo

Other Plugins

$16

One time  •  Or  $5/mo

5.0 stars   •   1 ratings
816 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Snipcode logo
Snipcode
Joined 2022   •   29 Plugins
View contributor profile

Instructions

1. Search for pie/donut (For Web) & pie/donut_mobile (For Mobile App) in elements panel and place the element on the page. 2. Set the width and height.
3. Enter data series, colors, values, etc.
4. Customize labels, tooltips and more.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Analytics   •   Productivity   •   Small Business   •   Chart   •   Health & Fitness   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (5.0)

Look no further!
July 8th, 2025
Support was extremley helpful and responsive. Cannot recommend this app enough - simple and works well. Thank you!!
Bubble