A straightforward simple chart that allows you to format a list to a chart with dynamic scale. No need to have over complex column logic to set rows, their name and color. Chart are made to sum all the rows and display by column. This plugin lets you add numbers and make a bar chart on that.
       

Usage Features:

Dynamic Data Visualization: Instantly transform a list of numbers into a clean, dynamic bar chart without complex setup or manual column configuration.
Automatic Data Grouping: The chart automatically sums all rows and organizes them by column, saving time and ensuring accurate aggregation.
Simplified Setup: No need for complicated logic or formulas; simply feed the chart with a list of numeric values and let the plugin handle the formatting.
Customizable Appearance: Adjust chart scaling, dimensions, and colors to align with your app’s design for a consistent visual experience.
Real-Time Updates: Easily connect the chart to dynamic data sources in Bubble, allowing automatic refresh when data changes.
Lightweight & Fast: Designed for performance and simplicity, ensuring smooth rendering even on mobile devices.
Perfect for Dashboards: Ideal for analytics, reports, or any section that requires clear numeric visualization through a minimal, easy-to-use bar chart.





Feedback




FAQ

What is the Download Image from Element ID plugin?
It enables you to capture a Bubble element (identified by its ID) and download it as a PNG image or extract it as a Base64 string via workflow actions.

How do I set it up and use it?
- Enable ID attributes in your Bubble settings, assign an ID to the element you wish to capture, add the plugin’s “Download Image from
- Element” element to your page, and then use a workflow action such as “Download Image From Element” or “Extract Base64 From
- Element” by providing the element’s ID and a file name.

What are the required inputs for the actions?
You must supply the element ID (the ID of the element you want to capture) and the desired file name (for the PNG download).

What outputs or states does the plugin provide?
- The "Download Image" action triggers a PNG file download to the user’s device.
- The "Extract Base64" action returns a Base64-encoded PNG image string, which becomes available in the plugin’s “Base64” state.

Can the plugin capture hidden or off-screen elements?
No — the element must be visible and rendered when the action is triggered. Hidden or non-rendered elements will not produce the expected image.

What are important limitations or edge-cases I should know?
- The target element must have an ID attribute.
- The capture format for download is PNG only.
- Complex or dynamic content (e.g. external canvases, CSS effects) may render differently.
- Base64 outputs may be large and impact performance if stored or transmitted.

How do the “Download Image” and “Extract Base64” actions differ?
- Download Image: Instantly triggers a file download of the captured element as PNG.
- Extract Base64: Returns the image data as a Base64 string in a state, allowing you to store or use it (e.g. in the database) instead of downloading.

Is any special setup required before using the plugin?
Yes. You must enable “Expose the option to add an ID attribute to HTML elements” in your Bubble app settings, and assign a unique element ID to the element you plan to capture.




Other plugins from Zeroqode

- Star and Bar Rating Plugin for Bubble
- Progress Bars Pro Plugin for Bubble
- Progress Bar Detection Plugin for Bubble
- Custom App Refresh Bar Plugin for Bubble




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!