Live updating only the data in Dash/plotly

If you add animate=True to your dcc.Graph the toggled traces and selected zoom/marker/whatever is kept but this does not work for bar plots (although it should work: https://github.com/plotly/plotly.js/pull/1143). In addition, instead of returning the complete figure, you would need to just return the traces.

Best possible solution I could come up is to split it into two graphs but you would get at least most of the desired functionality.

import dashfrom dash.dependencies import Output, Eventimport dash_core_components as dccimport dash_html_components as htmlfrom random import randomimport plotlyapp = dash.Dash(__name__)app.layout = html.Div(    html.Div([        dcc.Graph(id='live-update-graph-scatter', animate=True),        dcc.Graph(id='live-update-graph-bar'),        dcc.Interval(            id='interval-component',            interval=1*1000        )    ]))@app.callback(Output('live-update-graph-scatter', 'figure'),              events=[Event('interval-component', 'interval')])def update_graph_scatter():    traces = list()    for t in range(2):        traces.append(plotly.graph_objs.Scatter(            x=[1, 2, 3, 4, 5],            y=[(t + 1) * random() for i in range(5)],            name='Scatter {}'.format(t),            mode= 'lines+markers'            ))    return {'data': traces}@app.callback(Output('live-update-graph-bar', 'figure'),              events=[Event('interval-component', 'interval')])def update_graph_bar():    traces = list()    for t in range(2):        traces.append(plotly.graph_objs.Bar(            x=[1, 2, 3, 4, 5],            y=[(t + 1) * random() for i in range(5)],            name='Bar {}'.format(t)            ))    layout = plotly.graph_objs.Layout(    barmode='group')    return {'data': traces, 'layout': layout}if __name__ == '__main__':    app.run_server(debug=True)

For the Bar, Box and Histogram plot, you shouldn't use animate=True otherwise the plot will be out of the plotting area. Also, Event has been deprecated by Dash Plotly, use Input instead.

import dashfrom dash.dependencies import Output,Inputimport dash_core_components as dccimport dash_html_components as htmlfrom random import randomimport plotlyapp = dash.Dash(__name__)app.layout = html.Div(    html.Div([        dcc.Graph(id='live-update-graph-scatter', animate=True),        dcc.Graph(id='live-update-graph-bar'),        dcc.Interval(            id='interval-component',            interval=1*1000        )    ]))@app.callback(Output('live-update-graph-scatter', 'figure'),              [Input('interval-component', 'interval')])def update_graph_scatter():    traces = list()    for t in range(2):        traces.append(plotly.graph_objs.Scatter(            x=[1, 2, 3, 4, 5],            y=[(t + 1) * random() for i in range(5)],            name='Scatter {}'.format(t),            mode= 'lines+markers'            ))    return {'data': traces}@app.callback(Output('live-update-graph-bar', 'figure'),              [Input('interval-component', 'interval')])def update_graph_bar():    traces = list()    for t in range(2):        traces.append(plotly.graph_objs.Bar(            x=[1, 2, 3, 4, 5],            y=[(t + 1) * random() for i in range(5)],            name='Bar {}'.format(t)            ))    layout = plotly.graph_objs.Layout(    barmode='group')    return {'data': traces, 'layout': layout}if __name__ == '__main__':    app.run_server(debug=True)