I gave up on others gauge libraries and radial gauges, the linear gauges are simple using svg grafix

I'm using svg gauges, no libraries to download!!

Been working perfectly for over a month now on my pool temp display and the house monitor

 the gauge scales are cut n paste from actual outdoor temperature thermometers

simple to do but some fiddling to get the vertical line min & max to match actual reading on the 

scale grafix, but simple to do, just fiddley to get range, span and grafix centered to match the variable line from low to hi. Once that adjusting is done its copy n paste the degC & degF picture and the vertical line to each temp readout, same for voltage or what ever

The overall code is smaller as well since theres no embedding downloaded libs into the spiff files

I put a writeup on qrz in this forum:  https://forums.qrz.com/index.php?threads/chartgauge-problem.942693/

The problem is that the canvas-gauge after calling up the esp32 webpage, the gauge will move about 1/2 way up and 1/2 way to the left. which positions it 1/2 off the card

I looked on the site for the the jscript:

http://cdn.rawgit.com/Mikhus/canvas-gauges/gh-pages/download/2.1.7/all/gauge.min.js

and there are reports of this happening to others plus requests to Mikhus to look into it.

here is what the screen looks like when accessed:

and here is what it ends up as after a short time:

I have downloaded the Mikhus jscript and its part of the spiff files since I need this to work offline

I managed to get google gauges to work and they dont do this shifting, Problem is that google wont let you download their gauge script. We lost our internet last week this gauge disappeared and all that was left was the red square and the info under it.

currently I'm trying to get the SVG gauge to work but for the life of me can't get the variable from the ESP32 into the gauge value. Using console log, I can verify that data from the esp32 is received in the jscript but doesnt get into the gauge value.

Its likely I dont know the correct code method to do this. It doesnt work the same as with canvas-gauges or google gauge.

I can zip up the files and attach them if needed

Amazing!

As if "Made to order ..."

Nice find.

Is this the sort of thing you are writing about?

https://randomnerdtutorials.com/esp32-web-server-gauges/

I have been using canvas-gauges but as I descovered they change their position way off in the card after a brief period

Tried google gauges but although easy to setup they need to be connected to the internet which means you can't use them offline, unlike canvas-gauges where you can download the main js.

Currently playing with SVG gauges but having trouble with the jscript transfering the ESP variable into the gauge variable

an example of a working google gauge

example of a yet to be tamed SVG gauge

a tutorial using the SVG gauge to take ESP readings and insert those into the SVG would be super

I can supply a sample of the ESP32 code which I traced into the webpage js using console, it just doesnt get into the gauge

thanks, Bob