# \[SOLVED \]How can I make charts in both iOS and Android apps?

**URL:** <https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582>\
**Category:** Questions about Thunkable X\
**Created:** [March 10, 2022, 10:29am UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582 "2022-03-10T10:29:21Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![tanishq](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tanishq/32/124339_2.png) [@tanishq](https://community.thunkable.com/u/tanishq)\
**Post date:** [March 10, 2022, 10:29am UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/1 "2022-03-10T10:29:21Z")

</div>

Hi,

For last few weeks I am facing issues with the web viewer in iOS. for android it is working fine  
Basically it is not opening the charts in created in html etc;

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 10, 2022, 10:48am UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/2 "2022-03-10T10:48:18Z")

</div>

How are you creating the chart data?

Is it in an HTML file or you are parsing it as “data:text/html” string?

---

<div class="post-metadata">

**Author:** ![tanishq](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tanishq/32/124339_2.png) [@tanishq](https://community.thunkable.com/u/tanishq)\
**Post date:** [March 10, 2022, 11:00am UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/3 "2022-03-10T11:00:43Z")

</div>

a data:text/html string

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 10, 2022, 11:21am UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/4 "2022-03-10T11:21:58Z")

</div>

This has never worked in iOS. Not now, not previously.

---

<div class="post-metadata">

**Author:** ![tanishq](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tanishq/32/124339_2.png) [@tanishq](https://community.thunkable.com/u/tanishq)\
**Post date:** [March 10, 2022, 11:39am UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/5 "2022-03-10T11:39:13Z")

</div>

So is there any other option to create charts that are compatible in both IOS and Android?

---

<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 10, 2022, 12:00pm UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/6 "2022-03-10T12:00:59Z")

</div>

You can instead create the chart using quickchart!

Or

You can use custom JavaScript to create the chart in an html file. Load the file into assets. And then load that asset as the url for the web viewer.

Which sounds more appealing?

---

<div class="post-metadata">

**Author:** ![tanishq](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tanishq/32/124339_2.png) [@tanishq](https://community.thunkable.com/u/tanishq)\
**Post date:** [March 10, 2022, 12:02pm UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/7 "2022-03-10T12:02:44Z")

</div>

The Java script one looks impressive

---

<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 10, 2022, 12:11pm UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/8 "2022-03-10T12:11:36Z")

</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…

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 10, 2022, 1:07pm UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/9 "2022-03-10T13:07:45Z")

</div>

Why do you use a `Web Viewer` to show a chart?

Why not use the `image` component directly?

See this post

> [@Plot live data via airtable on graph](https://community.thunkable.com/t/plot-live-data-via-airtable-on-graph/1661256):
>
> Hi All, I want to plot a graph via airtable data. X axis = Appliance Name like AC, oven, Iron box and so on… Y1 Value = Watt Y2 value = KWH Y1 and Y2 value is working fine but when it comes to appliance name its not taking data from Airtable as I get a error message as Ac is not defined. Your input is highly appreciable. Sharing the Airtable view Also sharing the project link [Thunkable](https://x.thunkable.com/projects/61bc60143f137a0010cd6392/0d3def82-1610-41dd-a26a-1375d6804cde/designer) Regards, Sasi Preetha

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 10, 2022, 1:17pm UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/10 "2022-03-10T13:17:19Z")

</div>

> [@jared](#):
>
> You can use custom JavaScript to create the chart in an html file. Load the file into assets

@jared HTML as asset in the project does not work in the mobile. I just tested this moment.

---

<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 10, 2022, 1:34pm UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/11 "2022-03-10T13:34:35Z")

</div>

Thanks for pointing that out. I know that we’ve been working on that and we’re close to releasing affects. I thought that it was released but it must not be yet.

In any case, the exact same solution of using an HTML file would work if you host it in a public spot. For example Firebase hosting, GitHub pages, or any other HTML page provider.

We’re hoping to see the HTML as an asset working very soon

Here is a video, to help get your charts into your app using the image component. . I’m working on creating a higher fidelity, more clear explainer video this week.

https://player.vimeo.com/video/680086765?h=55a9802d5f&app_id=122963

^^^ video will be updated soon. It’s not the greatest tutorial. Not bad. But not the greatest. 🤣

---

<div class="post-metadata">

**Author:** ![tanishq](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tanishq/32/124339_2.png) [@tanishq](https://community.thunkable.com/u/tanishq)\
**Post date:** [March 11, 2022, 8:59am UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/12 "2022-03-11T08:59:47Z")

</div>

thankyou!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [June 9, 2022, 9:00am UTC](https://community.thunkable.com/t/solved-how-can-i-make-charts-in-both-ios-and-android-apps/1776582/13 "2022-06-09T09:00:45Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
