# How do I add a chart to my app?

**URL:** <https://community.thunkable.com/t/how-do-i-add-a-chart-to-my-app/515262>\
**Category:** Questions about Thunkable X\
**Created:** [March 14, 2020, 8:07pm UTC](https://community.thunkable.com/t/how-do-i-add-a-chart-to-my-app/515262 "2020-03-14T20:07:01Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![luisasouzamoura1hro4](https://avatars.discourse-cdn.com/v4/letter/l/cdc98d/32.png) [@luisasouzamoura1hro4](https://community.thunkable.com/u/luisasouzamoura1hro4)\
**Post date:** [March 14, 2020, 8:07pm UTC](https://community.thunkable.com/t/how-do-i-add-a-chart-to-my-app/515262/1 "2020-03-14T20:07:01Z")

</div>

I am using the nee version of Thunkable and I want to add a chart to my app. I saw that in old version it is possible to add extensions to help with that, but how can I do it when using Thunkable X?

---

<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:** [March 14, 2020, 10:51pm UTC](https://community.thunkable.com/t/how-do-i-add-a-chart-to-my-app/515262/2 "2020-03-14T22:51:51Z")

</div>

Please search the forums. I u e posted on this in the past. @actech has an example of charting in his demo apP. You’ll probably have to use [quickchart.io](http://quickchart.io)

Hope that helps. If you run into troubles, let me know!

---

<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:** [March 15, 2020, 1:39am UTC](https://community.thunkable.com/t/how-do-i-add-a-chart-to-my-app/515262/3 "2020-03-15T01:39:18Z")

</div>

Here is what my blocks look like for 6 different format line charts. Personally I use the post api from [quickchart.io](http://quickchart.io) to make a shortened url that can be used to source a chart image. I then save that short url to airtable and it is then sent via a nicely formatted email using html with [Integromat.com](http://Integromat.com) and [gmail.com](http://gmail.com)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/9/794c771ef888894e2b2c586c2f377af4cd44cc0e.jpeg) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/0/004feb3e67f321cd7875262e79b5acb6dd60010f.jpeg) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/8/18d2b1baa2cb3ab80166a3c039cf350ebc32427b.jpeg)

Here are some examples of graphs that you could produce but this is a seriosly limited selection compared to what’s available.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/5/75fd4d8e6316a239dd6fe42231d93695097205be.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/5/556d1e56bdc76aef09e6d48a2f1e2f90bdba377c.gif)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/d/cd0882f7609f1ebed8c4fc420096eada6a0c4e6f.png)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/8/6864e92fbaeb89dfe5d90a8eb59e3e45711e7d04.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/c/3c94e1a9bf4396f2d1d4b30ba29ae69ce769fc3e.jpeg)

---

<div class="post-metadata">

**Author:** ![teamzaddysn9m](https://avatars.discourse-cdn.com/v4/letter/t/e480ec/32.png) [@teamzaddysn9m](https://community.thunkable.com/u/teamzaddysn9m)\
**Post date:** [November 19, 2021, 11:33am UTC](https://community.thunkable.com/t/how-do-i-add-a-chart-to-my-app/515262/4 "2021-11-19T11:33:02Z")

</div>

Hi will it be possible to do a Youtube Tutorial on this as I am still lost on how to create the chart

---

<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:** [November 19, 2021, 11:33am UTC](https://community.thunkable.com/t/how-do-i-add-a-chart-to-my-app/515262/5 "2021-11-19T11:33:41Z")

</div>

> [@\[Tutorial\] Dynamic interactive charts](https://community.thunkable.com/t/tutorial-dynamic-interactive-charts/563880):
>
> I wanted to post this example for those who are making quiz apps or study apps. The ability to see your progress visually is uber important. This is why we have charts in the first place. seeItLive incorporating charts in the past has been difficult. Here is an easy example you can fork or use yourself to incorporate a correct/incorrect chart into your app. This is based on the standard celebration chart that is used in the world of Precision Teaching and Applied Behavior Analysis. This allows…

I’ll be writing up a nice tutorial about this soon!

---

<div class="post-metadata">

**Author:** ![teamzaddysn9m](https://avatars.discourse-cdn.com/v4/letter/t/e480ec/32.png) [@teamzaddysn9m](https://community.thunkable.com/u/teamzaddysn9m)\
**Post date:** [November 22, 2021, 6:23am UTC](https://community.thunkable.com/t/how-do-i-add-a-chart-to-my-app/515262/6 "2021-11-22T06:23:14Z")

</div>

Hi I am really sorry to disturb however I urgently require this example to do the live graphing on Thunkable. May I ask if the tutorial will soon be out? Thank you.

---

<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:40am UTC](https://community.thunkable.com/t/how-do-i-add-a-chart-to-my-app/515262/7 "2024-11-08T11:40:25Z")

</div>


