Display Graphs side by side in a 2x2 grid (2 columns and 2 rows)

Dash Python
1

I am new to DASH. I’m trying to display multiple graphs on a dashboard using DASH where it’s for example in a 2x2 grid format (2 columns and 2 rows). The graphs would be a mix of line, pie and bar charts. Is that possible? If you could point me to an example, that would be very much appreciated.

2

Hey @dandugan
I found a solution to a similar question as yours here: python - How to write an app layout in Dash such that two graphs are side by side? - Stack Overflow
Based on your query, the codes would look like this:

app.layout = html.Div(className='row', children=[
    html.H1("Tips database analysis (First dashboard)"),
    dcc.Dropdown(),
    html.Div(children=[
        dcc.Graph(id="graph1", style={'display': 'inline-block'}),
        dcc.Graph(id="graph2", style={'display': 'inline-block'})
    ]),
    html.Div(children=[
        dcc.Graph(id="graph3", style={'display': 'inline-block'}),
        dcc.Graph(id="graph4", style={'display': 'inline-block'})
    ])
])

The key concept is that each html.Div creates a new row and inline-block suggests to be in the same line.