Resize visualizations or add a numeric display to a chart

John Lamport on 27 Jan 2022
Latest activity Reply by John Lamport on 31 Jan 2022

Just getting started with Thingspeak, I'm reading temperature, humidity and pressure from a BME280 connected to a ESP32. I have both a chart and numeric display on my channels, works great.

Can I resize the visualizations to get more on the monitor at a time? Or can I add a numeric readout that will show the last value added to the chart? Both the chart and readout use the same field info. I do see that if I hover my mouse over a point on the chart I get the value but wanted to be displayed.

Thanks for any help John

Christopher Stapels
Christopher Stapels on 31 Jan 2022

There is a numeric display widget (scroll down a bit on that page). You can use the charts API to embed your charts in other pages to get the dashboard you are looking for (also this).

John Lamport
John Lamport on 31 Jan 2022

Maybe visualizations was the wrong term, I am using the widgets. What I'd like to do is just make them smaller so I can have more on a single screen, I'm monitoring 3 variables from a remote sensor system I made, temperature, humidity and pressure. I like having the chart to show the change over time and a numeric readout to show the last reading, I update them every 15 minutes. I've attached a picture of what I have, just the temperature one. Looking at the numeric readout more than half of that widget is wasted space. Same with the chart but if I could have 1 widget with the chart and the readout that would work. This is not a big deal as it''s more of a ESP32 project to remotely monitor the conditions in my greenhouse but using ThingSpeak is a cool way to see the values.

Thanks for getting back to me John

Christopher Stapels
Christopher Stapels on 31 Jan 2022

You can make a custom visualization with MATLAB code (use APPs> MATLAB Visualizations). You wont be able to make the visualization auto update with new points (you will have to refresh or buy a paid license) You can add text to a MATLAB plot using the text() function or annotate().

John Lamport
John Lamport on 31 Jan 2022

That sounds interesting, I know there is so much more I can do, right now I'm just dipping my toes in the waters. Adding the text to the plot is that after I get a license? Are there any tutorials that I can review to learn more?

Thanks again

Christopher Stapels
Christopher Stapels on 31 Jan 2022 (Edited on 31 Jan 2022)

You can write MATLAB code and make custom visualizations with the free ThingSpeak license that you already have. The getting started tutorial shows how to make custom MATLAB visualizations, and there are lots of visualization examples in the doc . And we just finished this new video series on IoT data projects . MATLAB doc is famously good too. Just search MATLAB text for example to find the doc page on the function

John Lamport
John Lamport on 31 Jan 2022

Excellent! Looks like I have some homework to do.

Thanks John