# \[p5\] I want to change the value of the gauge graphic in real time
**URL:** https://discourse.processing.org/t/p5-i-want-to-change-the-value-of-the-gauge-graphic-in-real-time/38928
**Category:** Libraries
**Created:** [September 21, 2022, 11:06pm UTC](https://discourse.processing.org/t/p5-i-want-to-change-the-value-of-the-gauge-graphic-in-real-time/38928 "2022-09-21T23:06:48Z")
**Posts on this page:** 5
**Page:** 1
**index.html**
```auto
```
**sketch.js**
```auto
let slider;
function setup() {
// gauge_1 created in index.html
slider = createSlider(0, 500, 100);
slider.position(10, 380);
}
function draw() {
Plotly.update('gauge_1', {value: slider.value()}, {}, [0]);
}
```
Gauge is created in index.html and will reflect slider value.
---
@svan
`Plotly.update('gauge_1', {value: 50}, {}, [0]);`
thank you for the reply.
How did you know about the above command?
You can use it as above.
Did you find it by looking at the .js file? Or do you mostly configure it as an update?
If you know, please reply, thank you.
---