🚀 Gen 5 of the leading AI app deployment platform launches October 6. Click for the livestream.

How do I update the graph when using the slider?

There is 2D data that can be conveniently accessed by index (data are frames (2D matrix)). I’m trying to make a slider to display each frame separately, but I don’t know how to update the rendered image when using the slider.

import pandas as pd

import numpy as np

arr = np.random.rand(100, 126)

#df = pd.DataFrame(arr)

arr1=pd.DataFrame(arr)

xf = [arr1[arr1.columns[l:l+10]] for l in range(0, arr1.shape[1], 10)]

Create and add slider

fig=px.imshow(xf[0])

steps =

#print(len(xf))

Create figure

for i in range(len(xf)):

step = dict(

    method="update",

    args=[{"visible": [False] * len(xf)},

          {"title": "Slider switched to step: " + str(i)}],  # layout attribute

)

step["args"][0]["visible"][i] = True  # Toggle i'th trace to "visible"

steps.append(step)

sliders = [dict(

active=1,

currentvalue={"prefix": "Step Frame: "},

pad={"t": 1},

steps=steps,

)]

fig.update_layout(

sliders=sliders

)

fig.show()