Any thoughts on using server-side vs browser-side vs hybrid approach? For example, I'd like to serve from an esp32 microcontroller (where resources are limited), such that server just sends the value via a websocket, and the client-side handles the gauge update. What server side resources are needed? I've seen many packages like Cairo, PHP GD, Three.js, JustGage, Gauge.js, Html5, SVG/D3.js but not sure if they work on embedded devices!
@@mohitdhoundiyal30 As a dirty fix you can call an API every few second to get the updated data and bind it to the arrow position. But by using some kind of socket io mechanism or by emitting data constantly and subscribing that you can do it. Some advanced concepts.
I don't have a tutorial video now. But you can just follow any deployment strategy. These are just html, js and CSS files. So if you just copy these inside your server, it will work.
Hi , This a wonderful tutorial , but my speedometer only stops at 10 the " arrow-wrapper speed-0 " only stops at 10 even when the newClass variable changes by 10 each time . |Do you have any solutions for this ?
Hi. I have added the working code in the below Github repo. Could you please compare the code? github.com/freelancer-surender/Misc/tree/main/Speedometer
Any thoughts on using server-side vs browser-side vs hybrid approach?
For example, I'd like to serve from an esp32 microcontroller (where resources are limited), such that server just sends the value via a websocket, and the client-side handles the gauge update.
What server side resources are needed? I've seen many packages like Cairo, PHP GD, Three.js, JustGage, Gauge.js, Html5, SVG/D3.js but not sure if they work on embedded devices!
Sorry bro, I don't have knowledge on micro controllers.
sir will it tell the speed
Yes, it is a simulation, if you bind the data from backend to this, you can see the speed in KM.
Amazing explanation bhaiya ❤️
Thank you so much 🙏
Thank you
Thank you so much ! Great tutorial 🎉🎉🎉
Thank you 😊
where can I take this code? Should I write everything by hand?
github.com/freelancer-surender/Misc/tree/main/Speedometer
You can take it from this repo.
Perfect
Thank you
will it run by backend data source
Right now it is driven by the button click, but we can make it work from the data from backend
How sir ...Pls can you explain
@@mohitdhoundiyal30 As a dirty fix you can call an API every few second to get the updated data and bind it to the arrow position. But by using some kind of socket io mechanism or by emitting data constantly and subscribing that you can do it. Some advanced concepts.
sir how to install it on server is there any tutorial video
I don't have a tutorial video now. But you can just follow any deployment strategy. These are just html, js and CSS files. So if you just copy these inside your server, it will work.
@@WebTechTalk ok sir thanks
Hi , This a wonderful tutorial , but my speedometer only stops at 10 the " arrow-wrapper speed-0 " only stops at 10 even when the newClass variable changes by 10 each time . |Do you have any solutions for this ?
Hi. I have added the working code in the below Github repo. Could you please compare the code?
github.com/freelancer-surender/Misc/tree/main/Speedometer
insane
😳
14:12
Is this for your reference?
*_chee looter ..._*
🥰