✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
⚾️ It's finally Baseball season! Root for the home team... & Register for our Sports Analytics Webinar!

Dash Plot shows empty not data (Jupyter Notebook)

Hi,

New dash user trying to test dash plots in jupyter notebook. The plot is empty only has axises but has no data in it. Please help, please see code below:

import dash
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html

from pandas_datareader import data as web
from datetime import datetime as dt

app = dash.Dash(‘Hello World’)

app.layout = html.Div([
dcc.Dropdown(
id=‘my-dropdown’,
options=[
{‘label’: ‘Coke’, ‘value’: ‘COKE’},
{‘label’: ‘Tesla’, ‘value’: ‘TSLA’},
{‘label’: ‘Apple’, ‘value’: ‘AAPL’}
],
value=‘COKE’
),
dcc.Graph(id=‘my-graph’)
], style={‘width’: ‘500’})

@app.callback(Output(‘my-graph’, ‘figure’), [Input(‘my-dropdown’, ‘value’)])
def update_graph(selected_dropdown_value):
df = web.DataReader(
selected_dropdown_value,
‘google’,
dt(2017, 1, 1),
dt.now()
)
return {
‘data’: [{
‘x’: df.index,
‘y’: df.Close
}],
‘layout’: {‘margin’: {‘l’: 40, ‘r’: 0, ‘t’: 20, ‘b’: 30}}
}

app.css.append_css({‘external_url’: ‘https://codepen.io/chriddyp/pen/bWLwgP.css’})

if name == ‘main’:
app.run_server()

image