Displaying element on x axis depending on a certain number

Hi bubblers,

I am developing an app to record pool temperature and chemical levels.
The app should show the last reading as a marker on a horizontal bar.

I was able to change the marker’s colour, but I can’t figure out how to move it.
It does not need an animation; just be placed above the corresponding section of the bar.

Any suggestions of plugins, etc, would be highly appreciated.

Use an HTML element for your graph (you can generate minimal code for this using Claude, GPT or any other element)

Would be lesser effort imo. There’s this paid plugin though that allows you to add various graphs (another option)

Thank you very much for getting back to me.
How can I create the HTML element with dynamic values coming from the dataset?