Scatter plot output is not showing

Question

I am new to Dash and trying to run the below code for a Scatter plot.The graph is coming but no data points in it.May I know where I went wrong

My Code

import numpy as np
import dash
import dash_html_components as html
import plotly.graph_objects as go
import dash_core_components as dcc

app = dash.Dash()

np.random.seed(42)

random_x = np.random.randint(1, 101, 100)
random_y = np.random.randint(1, 101, 100)

app.layout = html.Div(
    [
        dcc.Graph(
            id="Scatter Plot",
            figure={
                "Data": [
                    go.Scatter(
                        x=random_x,
                        y=random_y,
                        mode="markers",
                    )
                ],
                "layout": go.Layout(title="My Scatter Plot"),
            },
        )
    ]
)

if __name__ == "__main__":
    app.run_server()

My Output

maybe delete the empty line before mode='markers', ? or was that a copy & paste error? — Quastiat
– Quastiat, Commented Jun 30, 2021 at 15:01
This is from memory, but I think it needs to be data instead of Data. Will check when I’m at my computer. — bas
– bas, Commented Jun 30, 2021 at 15:38

xhluca · Accepted Answer · 2021-06-30 17:34:38Z

1

The correct dictionary key for a figure is "data" rather than "Data":

fig = {
    "data": [
        go.Scatter(
            x=random_x,
            y=random_y,
            mode="markers",
        )
    ],
    "layout": go.Layout(title="My Scatter Plot"),
}

answered Jun 30, 2021 at 17:34

xhluca

1,08610 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Scatter plot output is not showing

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related