# Cloudinary bubble chart **URL:** \ **Category:** Ask for Help\ **Created:** [January 20, 2022, 10:02pm UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482 "2022-01-20T22:02:40Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\ **Post date:** [January 20, 2022, 10:02pm UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/1 "2022-01-20T22:02:40Z")
Long shot: Anyone know how to create a Cloudinary chart that can bring to life a quadrant analysis, something like this: ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/f/df933ccbc3e54ddbf7bbb7b60df79774f1d1e589.png) Or this: ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/b/4b74435ee6ff34ea217fe22fffd8f152da725694.png) Basically it’s an X, Y scatter plot for a series of data. Each bubble with a different color. To be honest the size of the bubble could be fixed, but I would need a legend to identify the bubbles. The data is always X & Y pairs. Each axis from 0 - 10 in value. Fewer than 10 bubbles in the chart. ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [January 20, 2022, 10:47pm UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/2 "2022-01-20T22:47:17Z")
I haven’t worked with cloudinary, but quickchart does bubble charts. It’s just a matter of building a url that’s used as an image. [https://quickchart.io/documentation/#bubble-chart](https://quickchart.io/documentation/#bubble-chart) ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [January 20, 2022, 11:55pm UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/3 "2022-01-20T23:55:24Z")
+1 for this. Or if you’re feeling fancy you can browse Chart.js and make it responsive. ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [January 20, 2022, 11:55pm UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/4 "2022-01-20T23:55:49Z")
I still need to learn chartJS. You display it in a webview correct? ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [January 21, 2022, 12:00am UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/5 "2022-01-21T00:00:34Z")
Yes that’s true, what we talked about related to the Gantt chart last time was also webview. ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [January 21, 2022, 2:00am UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/6 "2022-01-21T02:00:10Z")
I have so many charts, I _need_ to give this a try… ---
**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\ **Post date:** [January 30, 2022, 3:50pm UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/7 "2022-01-30T15:50:47Z")
Hey @ThinhDinh Just had a crazy thought… could you solve this using your brilliant ‘short titles on Map pins’ concept? For example, could we replace the chart with a Map view and place pins according to X,Y coordinates complete with a small title beneath each Pin as the legend? Is there a cute way to introduce the lines that would make the Map appear like a Quadrant analysis? For example by choosing a place on earth that has a natural grid pattern?! Or perhaps using CSS code? The size of the pins would not be important and if you could have a title beneath each one then even the color would not be so important… Any creative thoughts?! ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [January 30, 2022, 4:08pm UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/8 "2022-01-30T16:08:19Z")
@Simon_Hill xould something this this post help ? > [@Enhanced map with text and icons - now: including template](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/5): > > @Boomer_Rose Take a look inside the app Template of app to study I have made a template of the app: Cloudinary account needed If you haven’t got a Cloudinary account yet the please consider signing up by an invitation link. This will give some extra credits for me and allow for more free transformations, file storage etc. Mine is: [https://cloudinary.com/invites/lpov9zyyucivvxsnalc5/ufjxv2xds2yignimyvnu](https://cloudinary.com/invites/lpov9zyyucivvxsnalc5/ufjxv2xds2yignimyvnu) But you could also ask some of the other Cloudinary gurus of the community for their inv… ---
**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\ **Post date:** [January 30, 2022, 4:15pm UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/9 "2022-01-30T16:15:17Z")
Yes, that looks to be perfect. Very impressive video! I guess you need to have a Cloudinary account though and I was looking for something free 😉 ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [January 30, 2022, 4:16pm UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/10 "2022-01-30T16:16:52Z")
Cloudinary has a _very_ generous free tier. I have 3 separate Cloudinary accounts, and I’ve done some crazy stuff with all 3 of them. And I’ve never paid a cent. ---
**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\ **Post date:** [January 30, 2022, 4:40pm UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/11 "2022-01-30T16:40:38Z")
I need to take the plunge! Thanks Darren. ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [January 30, 2022, 11:03pm UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/12 "2022-01-30T23:03:50Z")
Agreed…I haven’t paid a thing with Cloudinary since using it. I should do a deep dive tutorial with Cloudinary one day. Might need to have some guest appearances from @Darren_Murphy and @ThinhDinh who have both done some neat things with multiple layered images. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [January 31, 2022, 12:19am UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/13 "2022-01-31T00:19:31Z")
Do you have an unknown number of “bubbles” on your chart? ---
**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\ **Post date:** [January 31, 2022, 9:56pm UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/14 "2022-01-31T21:56:38Z")
Hi ThinDinh - so the App needs to be able to deal with an unknown number. If it makes a big difference, it would be possible to simplify and restrict to a maximum number. Here is the Glide chart that I want to replace. Right now it shows pairs of values. Each value is a score out of 10. It would be so much better if it was a bubble chart (Quadrant analysis). ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/b/1b4b91e8c1d48b40e9f876eb2a88a527924001e7.png) Right now the chart gets busy if there are lots of themes, so the user has a choice button to select a minimum threshold value. In this way they can filter the chart and only show the themes with values above the minimum threshold… works quite well but I could also limit the number to say 5. I just don’t know what the values will be… or how many themes. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [February 1, 2022, 1:07am UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/15 "2022-02-01T01:07:03Z")
My preference for this is using Experimental Code (XC) to build something into a webview component. Do you want to use XC for this? ---
**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\ **Post date:** [February 1, 2022, 6:02am UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/16 "2022-02-01T06:02:05Z")
Yes I would be fine with that. I watched Bob’s video on using it to pull data to generate a map view based on a search term. Looks like some template magic and URL creation is mainly what is needed. But what is the API resource? I have never worked with XC. ---
**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\ **Post date:** [February 7, 2022, 9:14am UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/17 "2022-02-07T09:14:38Z")
Hi Darren - I happened across this thread [There is any table generator like QuickChart? - #16 by Eric\_Ruiz\_Molero](https://community.glideapps.com/t/there-is-any-table-generator-like-quickchart/35902/16) This looks to be the perfect solution to creating a Quadrant analysis and reinforces your original proposal (of course). Except that the thread might be using Pages as opposed to an App. Is there any chance you could create a quick demo for a basic Quadrant chart showing how to put text onto a fixed image please? ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [February 7, 2022, 9:23am UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/18 "2022-02-07T09:23:30Z")
Is quadrant a major drive in your chart? I have a demo almost ready for a bubble chart, but not having quadrants. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/9/393326a09bfe927008b1372f58cb43719e53b5cb.png) ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [February 7, 2022, 9:29am UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/19 "2022-02-07T09:29:17Z")
> [@Simon\_Hill](#): > > Is there any chance you could create a quick demo for a basic Quadrant chart showing how to put text onto a fixed image please? I could, but it wouldn’t be quick. Doing this with Cloudinary would be possible, but Quickchart would be my first choice, and would be way, way easier to do. Any particular reason why you’ve discounted Quickchart? ---
**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\ **Post date:** [February 7, 2022, 9:29am UTC](https://community.glideapps.com/t/cloudinary-bubble-chart/37482/20 "2022-02-07T09:29:36Z")
Hi Thin, Looks fab. Thank you for sharing the progress! I’m afraid yes for my case; the quadrants are important. I see you have a close proxy by going negative in the axis but I really need values 0 - 10 for both axis. I could live without the quadrants so long as the axis are 0 - 10 and a legend would be needed. In my case, the x-axis would be labelled ‘Likelihood’ and the y-axis ‘Impact’. But perhaps those labels could be added manually above and the below the chart with standard Glide text components. [Next page](https://community.glideapps.com/t/cloudinary-bubble-chart/37482.md?page=2)