Add support for multiple imshow on the same plot, with opacity slider

[josephernest]

This displays two imshow images in two different tabs:

import plotly.express as px
import numpy as np
from skimage import io

img = io.imread('https://upload.wikimedia.org/wikipedia/commons/thumb/0/00/Crab_Nebula.jpg/240px-Crab_Nebula.jpg')
fig = px.imshow(img)

x = np.random.random((100, 200))
fig2 = px.imshow(x)

fig.show()
fig2.show()

Is there planned support for displaying the two "imshow" on the same plot, with an opacity slider for both layers?

(even if the two 2D-arrays are of different shape - this is possible in matplotlib with the extent parameter of imshow)

[josephernest]

If not implemented yet, I can maybe help to code it, or was it already on your roadmap @nicolaskruchten ?

Here is the matplotlib equivalent:

import numpy as np, matplotlib.pyplot as plt, matplotlib.widgets as mpwidgets, scipy.misc
x = scipy.misc.face(gray=False)     # shape (768, 1024, 3)
y = np.random.random((100, 133))    # shape (100, 133)
fig, (ax0, ax1) = plt.subplots(2, 1, gridspec_kw={'height_ratios': [5, 1]})
OPACITY = 0.5
img0 = ax0.imshow(x, cmap="jet")
img1 = ax0.imshow(y, cmap="jet", alpha=OPACITY, extent=img0.get_extent())
slider0 = mpwidgets.Slider(ax=ax1, label='opacity', valmin=0, valmax=1, valinit=OPACITY)
slider0.on_changed(lambda value: img1.set_alpha(value))
plt.show()

Do you think the same is available in plotly?