# 😍 Quickchart.io: the Cloudinary of Charts —on the fly charts!

**URL:** <https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946>\
**Category:** Community Resources\
**Created:** [September 17, 2020, 2:11pm UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946 "2020-09-17T14:11:20Z")\
**Posts on this page:** 20\
**Page:** 6

<div class="post-metadata">

**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:** [December 20, 2020, 6:43am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/101 "2020-12-20T06:43:50Z")

</div>

Just following up on this, I heard back from Ian at quickchart, and he’s kindly added a `useWordList` option to the [Word Cloud API](https://quickchart.io/documentation/word-cloud-api/). So no more jumping through hoops. Now you can just do something like:

`https://quickchart.io/wordcloud?useWordList=1&text=risk%20taker,sensitive,cold%20hearted`

💥

---

<div class="post-metadata">

**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:** [December 20, 2020, 7:38am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/102 "2020-12-20T07:38:31Z")

</div>

Their support is truly amazing.

---

<div class="post-metadata">

**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 9, 2021, 7:32am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/103 "2021-01-09T07:32:22Z")

</div>

Wow. Just wow. Thank you ^6

---

<div class="post-metadata">

**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:** [February 2, 2021, 2:50am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/104 "2021-02-02T02:50:30Z")

</div>

Anyone figure out how to put an image inside of a radial chart? I want to achieve this:

 ![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/2/e28db0fd1726ce9cb5109ec140721a112a6e2e5d.png)

---

<div class="post-metadata">

**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 2, 2021, 3:26am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/105 "2021-02-02T03:26:23Z")

</div>

No, but I have a potential use case for this, so if you figure it out I’d love to know 😁

---

<div class="post-metadata">

**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:** [February 2, 2021, 3:38am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/106 "2021-02-02T03:38:41Z")

</div>

# I’m getting close!

### Just that it’s tiling and not centering/filling:

[https://quickchart.io/chart?bkg=white&c={ type: ‘radialGauge’, data: { datasets: [{ data: [50], backgroundColor: ‘rgb(0,13,30)’ }] }, options: { trackColor: ‘rgb(207,207,207)’, centerPercentage: 70, centerArea: { fontSize: 25, backgroundColor: getImageFill(‘https://pyxis.nymag.com/v1/imgs/1be/59b/387489f1b8413ff360c3eead07c710621c-polar-bears.rsquare.w100.jpg’), }, },}](https://quickchart.io/chart?bkg=white&c=%7B%0A%20%20type%3A%20%27radialGauge%27%2C%0A%20%20data%3A%20%7B%20datasets%3A%20%5B%7B%20data%3A%20%5B50%5D%2C%20backgroundColor%3A%20%27rgb(0%2C13%2C30)%27%20%7D%5D%20%7D%2C%0A%20%20options%3A%20%7B%0A%20%20%20%20trackColor%3A%20%27rgb(207%2C207%2C207)%27%2C%0A%20%20%20%20centerPercentage%3A%2070%2C%0A%20%20%20%20centerArea%3A%20%7B%0A%20%20%20%20%20%20fontSize%3A%2025%2C%0A%20%20%20%20%20%20backgroundColor%3A%20getImageFill(%27https%3A%2F%2Fpyxis.nymag.com%2Fv1%2Fimgs%2F1be%2F59b%2F387489f1b8413ff360c3eead07c710621c-polar-bears.rsquare.w100.jpg%27)%2C%0A%20%20%20%20%7D%2C%0A%20%20%7D%2C%0A%7D%0A)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/8/f8244464ec0d36b28270285ce07c8d03d850f723.jpeg)

---

<div class="post-metadata">

**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:** [February 2, 2021, 3:45am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/107 "2021-02-02T03:45:12Z")

</div>

# I GOT IT!

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/8/38306d9d696e9508b3bdac62124b3e9dfa1f6836.png)

---

<div class="post-metadata">

**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 2, 2021, 3:48am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/108 "2021-02-02T03:48:19Z")

</div>

💥

---

<div class="post-metadata">

**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:** [February 2, 2021, 3:52am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/109 "2021-02-02T03:52:42Z")

</div>

I was trying, but I guess I didn’t realize how the ‘options’ part worked. Nice work!

---

<div class="post-metadata">

**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:** [February 2, 2021, 4:03am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/110 "2021-02-02T04:03:31Z")

</div>

> [@Robert\_Petitto](#):
>
> trackColor:

I’m really close! Just issues with scaling:

---

<div class="post-metadata">

**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 2, 2021, 4:22am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/111 "2021-02-02T04:22:03Z")

</div>

Bring Cloudinary in to help with the scaling perhaps?

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 2, 2021, 4:22am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/112 "2021-02-02T04:22:03Z")

</div>

I’d looove to

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 2, 2021, 4:29am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/113 "2021-02-02T04:29:03Z")

</div>

> [@Robert\_Petitto](#):
>
> centerPercentage: 70

Wouldn’t this be 100%?

---

<div class="post-metadata">

**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:** [February 2, 2021, 10:53am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/114 "2021-02-02T10:53:03Z")

</div>

Nope. That parameter determines how much center there is ( which impacts how thick the radial progress bar appears).

---

<div class="post-metadata">

**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:** [February 2, 2021, 10:56am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/115 "2021-02-02T10:56:32Z")

</div>

Yep. That’s what I’m going to have to do. I’ll need to add a c\_pad parameter to give it padding and then it should work.

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [February 2, 2021, 11:33am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/116 "2021-02-02T11:33:32Z")

</div>

Got it

---

<div class="post-metadata">

**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:** [February 2, 2021, 12:53pm UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/117 "2021-02-02T12:53:50Z")

</div>

# OMG it’s BEAUTIFUL:

---

<div class="post-metadata">

**Author:** ![Nico](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nico/32/3616_2.png) [@Nico](https://community.glideapps.com/u/Nico)\
**Post date:** [February 2, 2021, 1:04pm UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/118 "2021-02-02T13:04:55Z")

</div>

Man, you are a genius!

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [February 2, 2021, 1:06pm UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/119 "2021-02-02T13:06:52Z")

</div>

That’s really nice. I wonder if you could put a radial gauge inside another radial gauge to get an Apple Fitness Rings effect?

Also, could you share the URL construct?

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [February 2, 2021, 1:08pm UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/120 "2021-02-02T13:08:07Z")

</div>

👏 😍

[Previous page](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946.md?page=5)

[Next page](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946.md?page=7)
