Column wise data disply in plotly dash

Dash Python
1

Not able to getting column wise data, I wrote program column wise, but it’s displaying row wise.
exp:
app = dash.Dash()
app.layout = html.Div([
html.Div([
html.Div([
html.H3(‘Column 1’),
dcc.Graph(id=‘g1’, figure={‘data’: [{‘y’: [1, 2, 3]}]})
], className=“six columns”),

    html.Div([
        html.H3('Column 2'),
        dcc.Graph(id='g2', figure={'data': [{'y': [1, 2, 3]}]})
    ], className="six columns"),
], className="row")

])

can you please help on this issue asap.

2

Hey @sake

Did you link the relevant CSS? Looks like you’re trying to use the standard Dash stylesheet, so I would expect to see something like

app = dash.Dash(
    external_stylesheets=["https://codepen.io/chriddyp/pen/bWLwgP.css"]
)

You might also be interested in dash-bootstrap-components which has its own Row and Col components. Check out the documentation here.

3

thanks! its working with external_stylesheets…

1 Like