jupyter-dash

import dash_html_components as html import dash_core_components as dcc from dash.dependencies import Input, Output from jupyter_dash import JupyterDash # Create a Dash app in a Jupyter environment app = JupyterDash(__name__) app.layout = html.Div([ html.H1("JupyterDash Test"), dcc.Dropdown( id='dropdown', options=[ {'label': 'New York City', 'value': 'NYC'}, {'label': 'Montreal', 'value': 'MTL'}, {'label': 'San Francisco', 'value': 'SF'} ], value='NYC' ), html.Div(id='output-container') ]) @app.callback( Output('output-container', 'children'), Input('dropdown', 'value') ) def display_value(value): return f'You have selected "{value}"' # Run the app. For JupyterLab/Notebook use mode="inline" or "jupyterlab" # For Google Colab, use mode="external" or omit mode # You might need to adjust the port if it's already in use # For colab, 'mode="jupyterlab"' will often also work app.run_server(mode="inline", port=8050, debug=True)