Pan & Zoom two images at the same time

#1

In the app I am trying to build, the user is going to be shown two (extremely large) images. As they zoom in and pan around in one image, the other image needs to zoom & pan to the same location and zoom level. Kind of like having two Google Maps instances that mirror each other. Is something like this possible in Dash?

At first I was going to try and map the two images to two Plotly heatmaps, and use callbacks to adjust each heatmap to match the other’s selected region. However, it appears that this is not possible since the user is going to be uploading both images themself.

I also saw this post about custom React.js plugins for Dash, but I dont have any knowledge of JS or React so I am not sure where I would start with that either.

Any suggestions?