MARKETPLACE
PLUGINS
RADIAL BAR CHART - CIRCULAR CHARTS
Radial Bar Chart - Circular Charts logo

Radial Bar Chart - Circular Charts

Published February 2024
   •    Updated January 2026

Plugin details

A radial bar chart is a graphical representation of data that displays bars along a circular path, radiating outward from the center. It is visually appealing and well-suited for showcasing proportional relationships among categories. Here are some features commonly associated with a customizable radial bar chart:
>>Customizable Size:
Ability to adjust the overall size of the chart to fit specific design requirements or available space.

>>Responsive Design:
Adaptability to different screen sizes and devices, ensuring a seamless user experience across various platforms.

>>Set Bar Categories:
Option to define and assign categories for each bar, allowing users to organize data based on distinct groups or labels.

>>Bar Values:
Capability to input and display numerical values corresponding to each bar, providing a clear representation of the data points.

>>Bar Colors:
Customization of colors for individual bars or categories, enhancing visual distinction and aiding in data interpretation.

>>Label Font Size and Color:
Control over the font size and color of labels associated with each bar, enabling readability and aesthetic consistency.

>>Inner Radius:
Adjustment of the inner radius, allowing users to control the size of the central empty space or the starting point for the bars.

>>Start and End Angles:
Specification of the starting and ending angles for the chart, providing flexibility in determining the orientation and span of the bars around the circle.

>>Tooltip:
Animated tooltip that shows the category name and its corresponding value on mouse hover.

>>Background Customization:
Ability to modify the background of the chart, including color or other visual elements, to complement the overall design or theme.

Editor: https://bubble.io/page?type=page&name=radial_chart_demo&id=pluginpreviewapp&test_plugin=1706468277633x192119820442402800_current&tab=tabs-1

Demo: https://pluginpreviewapp.bubbleapps.io/version-test/radial_chart_demo

$10

One time

4.0 stars   •   3 ratings
811 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Snipcode logo
Snipcode
Joined 2022   •   27 Plugins
View contributor profile

Instructions

1. Search for radialChart in elements panel and place the element on the page. 2. Dynamically add categories, values and colors separated by commas in the provided input fields.
3. Set other attributes like label font size, color, inner radius, corner radius, angles, animation delay, etc.
4. Preview the page and you are all set.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Analytics   •   Data (things)   •   Web Scraping   •   Productivity   •   Small Business   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (4.0)

Great tech support
July 31st, 2024
Had requested a feature, it was immediately provided in the next update.
Works fine
April 7th, 2024
Very useful
Just decent.
February 22nd, 2024
There is little customization and you cannot add text or a number inside the chart. I wish there were more functionality to it and allows for gradients.
Thank you for the feedback. Actually, the option to display names and values is already there, moreover you can see the details of a specific category by hovering over the bars. (plugin author)
April 7th, 2024
  •  
Snipcode
Bubble