Want to Stop Rebuilding "Expensive" Parts of your Flow? Explicit Builds are the Answer!READ MORE

Plotly Dash: Multiple data visualisations in one Webapp

Solved!
ebbingcasa
Level 3
Plotly Dash: Multiple data visualisations in one Webapp

Hi everyone,

I'm pretty new to Dash / plotly so I'd kindly like to ask you for pointers in regards of combining multiple visualisations in one Webapp. I'm not quite sure where I'm failing because of Dataiku and where I fail because of my own shortcomings.

I also posted a more specific question on Stackoverflow as I thought it might go beyond Dataiku.

As far as I understand, Graph Object should let me create whatever combination of visualitations I need but for some reason I always run into parameters that don't exist in comparison to creating them separately (leave alone them being called differently in graph objects). Is that intended or am I just not finding the right documentation? https://dash.plotly.com/ unfortunately only goes so far.

Thanks!

0 Kudos
1 Solution
ebbingcasa
Level 3
Author

Was only a syntax error. Got it working via html.Div(children=[]), like

app.layout = html.Div(className='row', children=[
html.Div(children=[
dcc.Graph(figure = fig1, style={'display': 'inline-block'}),
dcc.Graph(figure = fig2, style={'display': 'inline-block'}),
dcc.Graph(figure = fig3, style={'display': 'inline-block'}),
])
])

 It's then adjustable via simple HTML etc.

View solution in original post

1 Reply
ebbingcasa
Level 3
Author

Was only a syntax error. Got it working via html.Div(children=[]), like

app.layout = html.Div(className='row', children=[
html.Div(children=[
dcc.Graph(figure = fig1, style={'display': 'inline-block'}),
dcc.Graph(figure = fig2, style={'display': 'inline-block'}),
dcc.Graph(figure = fig3, style={'display': 'inline-block'}),
])
])

 It's then adjustable via simple HTML etc.

Labels

?
Labels (3)
A banner prompting to get Dataiku