Graphs - temperatures measured using DS18B20 and ESP01 WiFi chip

You copy values into the box below

For now copy values from the page opened on the ESP01 device, and paste into the box below

The data is CSV format. I added a space so we can see the grouping. e.g. ", 17.3125,17.125, 17.5625,17.25, 18.9375,17.6875,"

Data

CSV list of measured temperatures, sampled every 15 minutes:-

values qty of DS18B20 scale X:

min/max: min, max , range in data, count:

labels

Summary:-

I have an ESP01 reading DS18B20 using Micropython. It reports the current temperatures, and also logs to ram. I can poll the page with a Raspberry Pi,using a cron job. When the page is opened, it displayes the logged values.

I can solder mutiple DS18B20 in parallel and the code finds them and reports their temperatures, captured every 15 minutes.

It runs a web server. When the ESP01 is polled by a web browser, it outputs the values as a csv list

I could include the graph plotting as javascript from elsewhere. To Be Done

This page explores copying and pasting the values and plotting them, possibly for one or multiple DS18B20

It might be easier to get ESP01 based logger to output data to p tags and use innerHTML to get values.

The javascript on this page could be moved into .js file , included from else where.

15min:

18.625,18.3125, 18.3125,18.4375, 18.5625,18.625, 18.8125,18.875, 18.875,18.9375, 19.125,19.125, 19.1875,19.25, 19.25,19.3125, 19.3125,18.0, 19.125,17.625, 19.125,17.8125, 19.1875,17.9375, 19.0625,18.0625, 19.0625,18.25, 19.125,18.4375, 19.1875,18.5625, 19.25,18.6875, 19.25,18.9375, 19.3125,19.0625, 19.3125,19.25, 19.375,19.4375, 19.3125,19.625, 19.3125,19.75, 19.3125,19.9375, 19.25,20.4375, 19.3125,21.5, 19.375,22.875, 19.5,24.25, 19.5625,25.625, 19.625,26.75, 19.8125,27.75, 20.0625,29.4375, 20.1875,32.5, 20.25,35.0, 20.25,36.0625, 20.3125,36.625, 20.375,36.5625, 20.4375,36.25, 19.375,36.0625, 19.0625,35.125, 18.875,34.5625, 19.0,33.625, 19.9375,33.375, 20.25,32.5625, 20.4375,30.8125, 20.4375,26.1875, 20.4375,24.125, 20.4375,22.3125, 20.4375,21.125, 20.375,20.1875, 20.375,19.5625, 20.3125,18.875, 20.3125,18.6875, 20.25,18.4375, 20.25,17.375, 20.125,16.875, 20.0,16.3125, 19.9375,16.4375, 19.5625,16.25, 19.5,16.25, 19.375,16.125, 19.3125,15.8125, 19.25,15.6875, 19.125,15.6875, 19.125,15.4375, 19.0,15.4375, 18.9375,15.5, 18.875,15.125, 18.8125,15.1875, 18.75,15.1875, 18.625,15.1875, 18.5,14.5, 18.5,14.75, 18.4375,14.875, 18.375,14.9375, 18.3125,14.875, 18.1875,14.625, 18.1875,14.8125, 18.125,14.6875, 18.0,14.3125, 17.9375,14.5, 17.8125,13.75, 17.75,13.625, 17.625,14.0625, 17.5625,12.8125, 17.5,12.125, 17.375,11.9375, 17.1875,11.5625, 17.5625,11.9375, 17.625,11.75, 17.6875,14.25, 17.8125,14.75, 17.75,15.375, 18.125,15.8125, 18.3125,16.375, 18.4375,16.8125, 18.5625,17.25, 18.8125,17.625, 18.8125,18.0, 18.8125,18.3125, 18.875,18.625, 19.1875,19.0, 19.375,19.3125, 19.4375,19.625, 19.4375,20.0, 19.5625,20.3125, 19.5625,20.75, 19.5,20.9375, 19.4375,21.1875, 19.4375,21.4375, 19.4375,21.625, 19.4375,21.6875, 19.5,21.9375, 19.5,22.1875, 19.5625,23.0, 19.5625,24.25, 20.0625,25.625, 21.8125,27.0, 22.1875,28.1875, 22.5625,29.25, 22.75,30.8125, 23.0625,34.375, 23.375,36.9375, 23.6875,37.375, 23.9375,38.0625, 24.25,38.0, 24.5,37.875, 24.6875,37.9375, 24.9375,37.4375, 25.0625,36.625, 25.1875,35.3125, 24.9375,33.375, 24.8125,32.375, 24.5,29.9375, 24.125,27.8125, 23.8125,26.25, 23.5625,24.875, 23.9375,23.625

Example page from ESP01 and DS18B20 devices

= ESP8266 DS18B20 =
T:= 24.1875
T:= 23.375
count:= 133607 , adc:= 2
1min:
, 24.1875,23.4375, 24.1875,23.4375, 24.1875,23.4375, 24.1875,23.4375, 24.1875,23.375, 24.1875,23.375,

15min:
, 18.625,18.3125, 18.3125,18.4375, 18.5625,18.625, 18.8125,18.875, 18.875,18.9375, 19.125,19.125, 19.1875,19.25, 19.25,19.3125, 19.3125,18.0, 19.125,17.625, 19.125,17.8125, 19.1875,17.9375, 19.0625,18.0625, 19.0625,18.25, 19.125,18.4375, 19.1875,18.5625, 19.25,18.6875, 19.25,18.9375, 19.3125,19.0625, 19.3125,19.25, 19.375,19.4375, 19.3125,19.625, 19.3125,19.75, 19.3125,19.9375, 19.25,20.4375, 19.3125,21.5, 19.375,22.875, 19.5,24.25, 19.5625,25.625, 19.625,26.75, 19.8125,27.75, 20.0625,29.4375, 20.1875,32.5, 20.25,35.0, 20.25,36.0625, 20.3125,36.625, 20.375,36.5625, 20.4375,36.25, 19.375,36.0625, 19.0625,35.125, 18.875,34.5625, 19.0,33.625, 19.9375,33.375, 20.25,32.5625, 20.4375,30.8125, 20.4375,26.1875, 20.4375,24.125, 20.4375,22.3125, 20.4375,21.125, 20.375,20.1875, 20.375,19.5625, 20.3125,18.875, 20.3125,18.6875, 20.25,18.4375, 20.25,17.375, 20.125,16.875, 20.0,16.3125, 19.9375,16.4375, 19.5625,16.25, 19.5,16.25, 19.375,16.125, 19.3125,15.8125, 19.25,15.6875, 19.125,15.6875, 19.125,15.4375, 19.0,15.4375, 18.9375,15.5, 18.875,15.125, 18.8125,15.1875, 18.75,15.1875, 18.625,15.1875, 18.5,14.5, 18.5,14.75, 18.4375,14.875, 18.375,14.9375, 18.3125,14.875, 18.1875,14.625, 18.1875,14.8125, 18.125,14.6875, 18.0,14.3125, 17.9375,14.5, 17.8125,13.75, 17.75,13.625, 17.625,14.0625, 17.5625,12.8125, 17.5,12.125, 17.375,11.9375, 17.1875,11.5625, 17.5625,11.9375, 17.625,11.75, 17.6875,14.25, 17.8125,14.75, 17.75,15.375, 18.125,15.8125, 18.3125,16.375, 18.4375,16.8125, 18.5625,17.25, 18.8125,17.625, 18.8125,18.0, 18.8125,18.3125, 18.875,18.625, 19.1875,19.0, 19.375,19.3125, 19.4375,19.625, 19.4375,20.0, 19.5625,20.3125, 19.5625,20.75, 19.5,20.9375, 19.4375,21.1875, 19.4375,21.4375, 19.4375,21.625, 19.4375,21.6875, 19.5,21.9375, 19.5,22.1875, 19.5625,23.0, 19.5625,24.25, 20.0625,25.625, 21.8125,27.0, 22.1875,28.1875, 22.5625,29.25, 22.75,30.8125, 23.0625,34.375, 23.375,36.9375, 23.6875,37.375, 23.9375,38.0625, 24.25,38.0, 24.5,37.875, 24.6875,37.9375, 24.9375,37.4375, 25.0625,36.625, 25.1875,35.3125, 24.9375,33.375, 24.8125,32.375, 24.5,29.9375, 24.125,27.8125, 23.8125,26.25, 23.5625,24.875, 23.9375,23.625,

This page uses the canvas and minimal JavaScript to draw graphs. The width is adjusted to the number of data points. Adjust JavaScript to suit.

Place the graph in the centre of the window, and consider margin | border | padding. The grid should not dominate.