How to Build Charts In Bubble | Bubble.io Beginner Tutorial

Learn how to build charts in this Bubble.io beginner tutorial so that you can take your app data and present it to your users in visually interesting ways. This video will teach you how to use charts from the ground up using Bubble's :group by method. Hope you find this helpful!
_____
Sign up for a coaching session with me here: bubble.io/coac...
Work with me: jdev.tech
Sign up for a bootcamp with me here: bubble.io/boot...

[@chrischapman214]

Thank you!

[@AFanofPani]

Great video! Would love to see examples on using pie charts. I have 3 numbers that I want to show in a pie chart based on percentages. For example, #1 = 25, #2 = 25 and #3 = 50. The pie shart should show #1 as 25% of the pie chart, #2 as 25% of the pie chart and #3 as 50% of the pie chart. Can this be done with the bubble built chart plugin?

[@salvatorepercival]

Hey Jacob! Thanks for this, it really helped me. Quick question if you see this: is there an easy way to limit the value expression to a certain range? For example, instead of showing from 0-100, I would like to focus on the range from 30-60 because all of my entries will be within that range. Let me know, thanks!

[@kierrereeg]

Awesome video thanks! I think another good idea for a video would be web-sockets & bubble.

[@vincent_hall]

Why do I get nothing displayed, no charts at all, in preview?

[@Lichcrafter]

Just what I needed, thank you!

[@jakbo_]

So you said you can sample the plug-in and then get a prorated amount ? So say you bought the plug in the one time fee and you tried it for 10 minutes and it didn't work how does that work

[@anastasiiaruslanivna6251]

what to do when you need to show 4 columns from two different tables (planned expenses, actual expenses, planned income, actual income) and so on for each mission?

[@vey134]

Plz make a tutorial on "How user can create folders/playlists and Save/Move Posts to folders."

[@sergeyauts]

Another one cool video! Thanks! Very helpful! Is it possible to customize the chart colors in this plugin?

[@TheNosbelgsOpinion]

How can I make Gantt charts?

[@vincent_hall]

Gemini:
Unfortunately, the Chart Element plugin in Bubble doesn't directly support plotting data from uploaded files.

[@vincent_hall]

This doesn't help me at all to plot a thing that isn't aggregated. I just want to plot data from a spreadsheet file I've uploaded.
Why is Bubble so opaque and hard to use?!
So user unfriendly!
Soul crushing!

[@aharonshapiro]

Great video thank you!

[@jacobgershkovich]

Thanks for watching!

[@erdemsenol9642]

Does anyone know if we are able to expose chart data via REST API and consume it in another application?

[@aguinaldochavesdossantos4267]

Hello, I am Aguinaldo from Brazil. I have realized that most people make charts considering amount and date. How can I count some text and than create a chart ?

[@felipecruz3243]

Hi J dev,
How are you?
Thanks a lot for your video. It is awesome!
One related question.
Lets suppose I have 4 products:
Product. Date Price
Product4 Mar 20, 2022 $ 20,000
Product4 Mar 18, 2022 $ 10,000
Product3 Mar 1, 2022 $ 10,000
Product2 Feb 1, 2022 $ 10,000
Product1 Jan 5, 2022 $ 10,000
Product1 Jan 1, 2022 $ 5,000
I want to get a bar chart that shows:
1) In January: Product 1; showing a bar with the corresponding 10,000 (not 5,000. It is the 10,000 as it takes the greatest price of each product, each month)
2) In February: Product 2; showing a bar with the corresponding 10,000
3) In March:
Product 3; showing a bar with the corresponding 10,000
+ Product 4; showing a bar with the corresponding 20,000 (not 10,000. It is the 20,000 as it takes the greatest price of each product, each month).
Any ideas of how would you do that?
Thanks a lot!
Phil

[@AlfaEricWashDC]

Thank you for posting, my issue is I’m trying to show a pie chart that is just for display. Not over a period of time, nor a grouping.. to be exact three slices totaling 100. More as a display. Please advise.

[@jacobgershkovich]

Which plugin are you using?

[@AlfaEricWashDC]

@@jacobgershkovich Im using Line/Bar Chart

[@jacobgershkovich]

​ @AlfaEricWashDC As long as you pass a field in that is a number for the data source you should be good to go!

[@ryanellis7156]

Hi J, Great plugin although I need some help if you don't mind please?? I have an area chart and a donut chart within a reusable element. On page load, they workfine but if I open another reuseable element and then return to the one containing the charts, they do not refresh. Any ideas why this might be happening?

[@jacobgershkovich]

Hard to say without looking at the editor!

[@ryanellis7156]

@@jacobgershkovich Thanks, under NDA though. Thought you might have a few possibilities or common occurrences encountered out of the box?

[@kazi_goni]

How to add filtering options for the users?

[@jacobgershkovich]

There are many ways to do this!