Dash with multiple plot

JupyterLab
1

Hello,
I am new to using Dash for jupyterlab.
I try to make a board with several graphs but when I open my web page several errors appear.
image

Moreover, only the first graph works. Note that the functions take as input str variables

app = JupyterDash(__name__)

app.layout = html.Div([
    html.H1('Select Las'),
    dcc.Dropdown(
        id='las_file',
        options= [{'label': las_file, 'value': las_file} for las_file in las_new_list],
        value="las_file"),
    dcc.Graph(id="graph"),
    
    dcc.Dropdown(
        id='classe',
        options= [{'classe': classe, 'value': classe} for classe in list_class]),
    dcc.Graph(id="graph_class")
])

@app.callback(
    dash.dependencies.Output('graph', "figure"),
    dash.dependencies.Input('las_file', "value"))

def select_graph(las_file):
    fig=compt_plot_label(las_file=las_file)
    return (fig)

@app.callback(
    dash.dependencies.Output('graph_class', "figure"),
    dash.dependencies.Input('las_file', "value"),
    dash.dependencies.Input('classe', "value"))

def select_graph1(las_file, classe):
    fig1=diff_label_class(las_file, classe)
    return (fig1)

if __name__ == '__main__':
    app.run_server(debug=True, port=8000)

The code to display the dashboard:

2

Hi;

I’m using Jupyter Dash and got it working, hopefully I can help you out!

For starters, make sure you’ve installed everything correctly. Follow this installation guide: Part 1. Installation | Dash for Python Documentation | Plotly

Next, here is a screen shot of the “Layout” example, which is the first tutorial on that website after installation.

image
image1312×973 83.4 KB

Hope that helps you get it running. I’ve actually done all the tutorials found on this website, using jupyter lab. If it helps I can share them, maybe I’ll post them on my github.

Hope that helps!

Cheers!