How to synchronize dcc.Graphs axes?

[AIMPED]

Hi @claudiaperez welcome to the forums.

Maybe these topics get you started:

Is there a faster way to access plot limits than using full_figure_for_development?

Hi @am1234 yes, in Dash you can use a clientside callback to grab the axis ranges: import dash from dash import html, dcc, clientside_callback, Output, Input, State import plotly.graph_objects as go app = dash.Dash(__name__) app.layout = html.Div( [ html.Button(id='btn', children='get range'), dcc.Graph( id='graph', figure=go.Figure( go.Scatter( x=[*range(100)], y=[*range(100)] …

Creating an overview plot of another one using to_image()

Hi @luggie, as I am trying to get better in JS, I created a possible solution for your answer using clientside callbacks. I’m sure there is room for improvement but it does the job. It even moves the annotation if the user moves the original figure (pan). One known issue is that if the user decides to pan in the overwie figure, something gets mixed up and the size of the annotation is not correct anymore. [zoom] You can find the code here: mred cscb