How can I create a dashboard of widgets and graphs from multiple ThingSpeak channels?

I have multiple ThingSpeak widgets from different channels. Right now, monitoring them requires me to open multiple tabs in the browser, one tab for each widget. Is there a way to monitor all of them on the same page without having to open so many tabs?

Answer 1

[MathWorks Support Team]

You can create a custom HTML page that embeds the widgets. Then, host that HTML page locally on their machine, or on a hosting service like: https://sites.google.com

Here is an example for this workflow: https://sites.google.com/view/mythingspeakdashboard/home

This pulls widgets from:

https://thingspeak.com/channels/12397

https://thingspeak.com/channels/1245828

https://thingspeak.com/channels/1245831

The steps to creating this dashboard are:

1. Log in to: https://sites.google.com
2. Create a new site
3. Set up the logo, etc.
4. On the right side click "Embed" (i.e, the <> icon)
5. In a new browser tab, go to your ThingSpeak channel's public view and add the widgets you want to show up on the custom dashboard. Now, click the "bubble" icon on the widget window to get the embed URL.
6. Paste the URL of the widget into the box in step 4

[Vinod]

@keith Armstrong: When you place the URL in the embed, you can add some additional parameters from the ThingSpeak charts API. For example, if you add "width=auto" and "height=auto" in the URL, the chart will fill its placeholder.

So, the URL for the embed in the example above is:

https://api.thingspeak.com/channels/12397/charts/4?&results=720&dynamic=true&width=auto&height=auto

[Vinod]

If you're creating a custom dashboard on google sites, you can use any JavaScript widget of your choice - including google gauges - that use the API to retrieve the last value and do the visualization using JavaScript.