# Data visualization

**URL:** <https://community.thunkable.com/t/data-visualization/54412>\
**Category:** Questions about Thunkable X\
**Tags:** webapi\
**Created:** [October 31, 2018, 4:53am UTC](https://community.thunkable.com/t/data-visualization/54412 "2018-10-31T04:53:04Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![renren66](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@renren66](https://community.thunkable.com/u/renren66)\
**Post date:** [October 31, 2018, 4:53am UTC](https://community.thunkable.com/t/data-visualization/54412/1 "2018-10-31T04:53:04Z")

</div>

Any data visualization web api suggestions?

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [October 31, 2018, 7:54am UTC](https://community.thunkable.com/t/data-visualization/54412/2 "2018-10-31T07:54:30Z")

</div>

Sorry, but I did not understand what you need specifically? Display data received from a web service in JSON format on a chart, show data in html form in a WebViewer or in a ListViewer component or something else?

---

<div class="post-metadata">

**Author:** ![renren66](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@renren66](https://community.thunkable.com/u/renren66)\
**Post date:** [November 1, 2018, 10:26am UTC](https://community.thunkable.com/t/data-visualization/54412/3 "2018-11-01T10:26:31Z")

</div>

Data to chart

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [November 1, 2018, 12:33pm UTC](https://community.thunkable.com/t/data-visualization/54412/4 "2018-11-01T12:33:00Z")

</div>

Check out the scrChart screen in the project [https://x.thunkable.com/projects/5b62ee9338e652270d9c53a9/project/properties/designer/](https://x.thunkable.com/projects/5b62ee9338e652270d9c53a9/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![renren66](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@renren66](https://community.thunkable.com/u/renren66)\
**Post date:** [November 1, 2018, 1:26pm UTC](https://community.thunkable.com/t/data-visualization/54412/5 "2018-11-01T13:26:03Z")

</div>

What component is that

---

<div class="post-metadata">

**Author:** ![renren66](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@renren66](https://community.thunkable.com/u/renren66)\
**Post date:** [November 1, 2018, 2:17pm UTC](https://community.thunkable.com/t/data-visualization/54412/6 "2018-11-01T14:17:39Z")

</div>

And what is the content of the url

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [November 1, 2018, 3:07pm UTC](https://community.thunkable.com/t/data-visualization/54412/7 "2018-11-01T15:07:29Z")

</div>

Sorry, but I did not understand your question. Did you manage to open my project and see the contents of its blocks?

---

<div class="post-metadata">

**Author:** ![renren66](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@renren66](https://community.thunkable.com/u/renren66)\
**Post date:** [November 1, 2018, 9:20pm UTC](https://community.thunkable.com/t/data-visualization/54412/8 "2018-11-01T21:20:53Z")

</div>

Yes, and there is a component called wevChart  
What is the content of the url  
because I can’t select it in view only mode

---

<div class="post-metadata">

**Author:** ![renren66](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@renren66](https://community.thunkable.com/u/renren66)\
**Post date:** [November 1, 2018, 9:22pm UTC](https://community.thunkable.com/t/data-visualization/54412/9 "2018-11-01T21:22:45Z")

</div>

![Screenshot%20(19)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/7/77612888d3fcd02cc5f637c80189f1d7c14dabed.png)  
I want to know what the content of this part is

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [November 2, 2018, 6:25am UTC](https://community.thunkable.com/t/data-visualization/54412/10 "2018-11-02T06:25:08Z")

</div>

It is very strange! My project is public and there should be no problems with editing it. Try to open it in remix mode or make a copy of it in which its editing will be available. The code for all blocks is shown below in order from top to bottom.

`['Year', 'Sales'],['2004', 20],['2005', 25],['2006', 28],['2007', 14]`

`data:text/html,<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>`

`<html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([`

`]); var options = { title: 'Company Performance', curveType: 'function', legend: { position: 'bottom' } }; var chart = new google.visualization.LineChart(document.getElementById('curve_chart')); chart.draw(data, options); } </script> </head> <body> <div id="curve_chart" style="width: 100%; height: 100%"></div> </body> </html>`

---

<div class="post-metadata">

**Author:** ![Christian\_Sigge](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/christian_sigge/32/27756_2.png) [@Christian\_Sigge](https://community.thunkable.com/u/Christian_Sigge)\
**Post date:** [December 14, 2018, 7:33pm UTC](https://community.thunkable.com/t/data-visualization/54412/11 "2018-12-14T19:33:58Z")

</div>

Very helpful, thank you, google provides alot of different charts, I’m glad it’s so easyto do.

---

<div class="post-metadata">

**Author:** ![williamjones3d](https://avatars.discourse-cdn.com/v4/letter/w/db5fbb/32.png) [@williamjones3d](https://community.thunkable.com/u/williamjones3d)\
**Post date:** [April 6, 2020, 5:40pm UTC](https://community.thunkable.com/t/data-visualization/54412/13 "2020-04-06T17:40:51Z")

</div>

Hi,

Can you elaborate on the query for what kind of solution you are looking for? If you are looking for IoT data visualization, then you can reach the team at [Contus](https://www.contus.com/internet-of-things-app-development.php). They have a team of experts to analyze and monitor the data.

---

<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:39am UTC](https://community.thunkable.com/t/data-visualization/54412/14 "2024-11-08T11:39:16Z")

</div>