# Bubble Maps are now possible with thunkable!

**URL:** <https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327>\
**Category:** Questions about Thunkable X\
**Created:** [April 29, 2020, 4:05am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327 "2020-04-29T04:05:47Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 29, 2020, 4:05am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/1 "2020-04-29T04:05:47Z")

</div>

So I have been working on my COVID19 tracker app. I wanted to show comparative densities of infection. A heat map seemed alright, but I found the bubble map in the search.

See it here!  
[https://thunk.app/w/-4YV02A8R](https://thunk.app/w/-4YV02A8R)  
[![](https://res.cloudinary.com/behaviorreportcard/image/upload/v1588132973/Screen_Shot_2020-04-28_at_11.40.06_PM_tuzryt.png) ](https://res.cloudinary.com/behaviorreportcard/image/upload/v1588132973/Screen_Shot_2020-04-28_at_11.40.06_PM_tuzryt.png)

and fork the code for the chart [here](https://github.com/jaredgib/jaredgib.github.io/blob/master/Charts/bubbleCHart.html)

---

<div class="post-metadata">

**Author:** ![paulmw](https://avatars.discourse-cdn.com/v4/letter/p/22d042/32.png) [@paulmw](https://community.thunkable.com/u/paulmw)\
**Post date:** [April 29, 2020, 4:17am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/2 "2020-04-29T04:17:39Z")

</div>

Great job on this project. I’m very happy to see you putting the webviewer extensions and the responsive web apps to great use.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 29, 2020, 4:19am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/3 "2020-04-29T04:19:45Z")

</div>

Thanks @paulmw, my next task is the maps I think.

Then back to a therapy app!

I asked about this for a long time. I was super happy to see it come in to play

---

<div class="post-metadata">

**Author:** ![mom7667yafy](https://avatars.discourse-cdn.com/v4/letter/m/e19b73/32.png) [@mom7667yafy](https://community.thunkable.com/u/mom7667yafy)\
**Post date:** [April 29, 2020, 4:20am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/4 "2020-04-29T04:20:27Z")

</div>

It’s a great job.

---

<div class="post-metadata">

**Author:** ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)\
**Post date:** [April 29, 2020, 5:03am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/5 "2020-04-29T05:03:53Z")

</div>

awesome!

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 29, 2020, 5:11am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/6 "2020-04-29T05:11:55Z")

</div>

thank you guys! @manyone @mom7667yafy

also, for you manyone, i will be looking into different gauge charts. I didnt like the one that i had, and the charts charting library has some nice stuff. I’ll keep you posted. Probably will start making a charting example app. with different chart types.

so far i have worked

linear,  
logarithmic  
bar,  
donut,  
pie,  
bubble map

my plan is also to see how far we can push the limit with using javascript in our apps

---

<div class="post-metadata">

**Author:** ![mom7667yafy](https://avatars.discourse-cdn.com/v4/letter/m/e19b73/32.png) [@mom7667yafy](https://community.thunkable.com/u/mom7667yafy)\
**Post date:** [April 29, 2020, 5:53am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/7 "2020-04-29T05:53:27Z")

</div>

Your plan seems to be a good plan.  
I think I should study javascript too.

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [April 30, 2020, 3:45am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/8 "2020-04-30T03:45:56Z")

</div>

Is this done using an API? I was able to teach myself how to work through Google Map and Calendar Web API’s before they made it much more indepth and havnt been able to get past the security stuff.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 30, 2020, 3:47am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/9 "2020-04-30T03:47:57Z")

</div>

this was completed using an API and javascript!

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [April 30, 2020, 3:53am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/10 "2020-04-30T03:53:22Z")

</div>

Nice!! Someday I’ll teach myself google AUTH stuffs LOL. You rock!

---

<div class="post-metadata">

**Author:** ![Patrick\_Elisha](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/patrick_elisha/32/68464_2.png) [@Patrick\_Elisha](https://community.thunkable.com/u/Patrick_Elisha)\
**Post date:** [April 30, 2020, 3:54am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/11 "2020-04-30T03:54:39Z")

</div>

In your app, a sound plays each time the app opens without fail. How did you do it? I need to play an alert sound when my app receives a message. It plays once and never play again. I don’t know if I’m doing something wrong. Here is my block.(Oh, I could not add image: access denied!)

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 30, 2020, 3:55am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/12 "2020-04-30T03:55:01Z")

</div>

Yeah, that google auth stuff is complicated. Not impossible though. the closest i have gottten is being able to show a map with route and provide step by step directions. the live GPS/map is next step. so that the map updates every 10 seconds or something.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 30, 2020, 3:55am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/13 "2020-04-30T03:55:20Z")

</div>

Can you share your code where you play the sound?

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [April 30, 2020, 3:55am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/14 "2020-04-30T03:55:42Z")

</div>

I too need to learn javascript. LOL

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:29am UTC](https://community.thunkable.com/t/bubble-maps-are-now-possible-with-thunkable/564327/15 "2024-11-08T11:29:34Z")

</div>


