I am following the dash tutorials and totally confused about how dash call upon functions. Following the second tute on this page https://dash.plotly.com/basic-callbacks. The same example is shown below. I am totally clueless where the update_figure function is even called but the graph is still plotted within the dashboard (i.e there is no mention of update_figure() function anywhere within the app.layout or app.callback).
So any ideas on how the function is passed on?
df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/master/gapminderDataFiveYear.csv')
# initialize
app = dash.Dash()
app.layout = html.Div([
dcc.Graph(id = 'graph-with-slider'),
dcc.Slider(
id = 'year-slider',
min = df['year'].min(),
max = df['year'].max(),
value = df['year'].min(),
marks = {str(year) : str(year) for year in df['year'].unique()},
step = None
)
])
@app.callback(
Output('graph-with-slider','figure'),
[Input('year-slider','value')]
)
def update_figure(selected_year):
filtered_df = df[df.year == selected_year]
fig = px.scatter(filtered_df, x = 'gdpPercap', y = 'lifeExp', size = 'pop', color = 'continent', hover_name = 'country', log_x = True, size_max = 55)
fig.update_layout(transition_duration = 500)
return fig
if __name__ == '__main__':
app.run_server()