Ytukyg

here is the code:
It runs on the cmd, but the outcome that I see in the browser is an error.

import dash

import dash_core_components as dcc

import dash_html_components as html

import pandas as pd

import plotly.graph_objs as go

import datetime



df = pd.read_excel("stats.xlsx",sheet_name=0)



app = dash.Dash()

app.config['suppress_callback_exceptions'] = True

app.css.append_css({

    'external_url': 'https://cdn.rawgit.com/plotly/dash-app-stylesheets/2d266c578d2a6e8850ebce48fdb52759b2aef506/stylesheet-oil-and-gas.css',

})  # noqa: E501



app.layout = html.Div(

    html.Div([

        html.Div([

            html.H1(children='PERFORMANCE REPORT AUGUST',

                style={

                'color':'#36A9DE'

                        }, className='nine columns'),

                html.Img(

                    src="https://media.go2speed.org/brand/files/sevengames/804/asdpree.png",

                    className='three columns',

                    style={

                        'height': '12%',

                        'width': '12%',

                        'float': 'right',

                        'position': 'relative',

                        'padding-top': 0,

                        'padding-right': 0

                        },

                        ),

                html.Div(children='''*Created using Plotly Dash Python framework''',

                        className='nine columns'

                        )

                    ], className="row"

                )

            ]),



        html.Div([

            html.Div([

                dcc.Graph(

                    id='example-graph'

                    )], className='six columns'

                    )

                ], className='row'

                )

                    )



@app.callback(

    dash.dependencies.Output('example-graph', 'figure'))



def update_example_graph():

    data=go.Scatter(

        x=pd.to_datetime(df['date'].apply(lambda x: datetime.datetime.strftime(x,'%Y-%m-%d'))),

        y=round((df['revenue']-df['cost']),2),

        mode = 'markers',

        marker={

            'size': 10,

            'color': '#36A9DE',

            'line': {'width': 0.5, 'color': '#36A9DE'}

                },

        transforms=[

            dict(

                type='aggregate',

                groups=pd.to_datetime(df['date'].apply(lambda x: datetime.datetime.strftime(x,'%Y-%m-%d'))),

                aggregations=[dict(

                target='y',func='sum',enabled=True),]

                )

                    ]

    )



    return {

    'data':[data],

    'layout':go.Layout(

        xaxis=dict(

            title='Date',

            titlefont=dict(

            family='Helvetica, monospace',

            size=15)),

        yaxis=dict(

            title='Gross Profit',

            titlefont=dict(

                family='Helvetica, monospace',

                size=15))

                        )

            }



if __name__ == '__main__':

    app.run_server(debug=True)

This is the error that I get running the code above:

Traceback (most recent call last):

File "C:UsersifrolovaAppDataLocalProgramsPythonPython37libsite-packagesflaskapp.py", line 2309, in __call__

    return self.wsgi_app(environ, start_response)

File "C:UsersifrolovaAppDataLocalProgramsPythonPython37libsite-packagesflaskapp.py", line 2295, in wsgi_app

    response = self.handle_exception(e)

File "C:UsersifrolovaAppDataLocalProgramsPythonPython37libsite-packagesflaskapp.py", line 1741, in handle_exception

    reraise(exc_type, exc_value, tb)

File "C:UsersifrolovaAppDataLocalProgramsPythonPython37libsite-packagesflask_compat.py", line 35, in reraise

    raise value

File "C:UsersifrolovaAppDataLocalProgramsPythonPython37libsite-packagesflaskapp.py", line 2292, in wsgi_app

    response = self.full_dispatch_request()

File "C:UsersifrolovaAppDataLocalProgramsPythonPython37libsite-packagesflaskapp.py", line 1808, in full_dispatch_request

    self.try_trigger_before_first_request_functions()

File "C:UsersifrolovaAppDataLocalProgramsPythonPython37libsite-packagesflaskapp.py", line 1855, in try_trigger_before_first_request_functions

    func()

File "C:UsersifrolovaAppDataLocalProgramsPythonPython37libsite-packagesdashdash.py", line 921, in _setup_server

    self._validate_layout()

File "C:UsersifrolovaAppDataLocalProgramsPythonPython37libsite-packagesdashdash.py", line 908, in _validate_layout

    component_ids = {layout_id} if layout_id else set()

TypeError: unhashable type: 'Div'

Could you please help me to understand what might be wrong?
I checked all the Divs brackets and indentation.

Thanks.

In the main div on your layout, to use more than one div, you must set all of your other dives in the main div into a series of these main div.

Your code should be exactly the following:

html.Div(

   [

    html.Div([

       html.Div([

          html.H1(children='PERFORMANCE REPORT AUGUST',

            style={

            'color':'#36A9DE'

                    }, className='nine columns'),

            html.Img(

                src="https://media.go2speed.org/brand/files/sevengames/804/asdpree.png",

                className='three columns',

                style={

                    'height': '12%',

                    'width': '12%',

                    'float': 'right',

                    'position': 'relative',

                    'padding-top': 0,

                    'padding-right': 0

                    },

                    ),

            html.Div(children='''*Created using Plotly Dash Python framework''',

                    className='nine columns'

                    )

                ], className="row"

            )

        ]),



    html.Div([

        html.Div([

            dcc.Graph(

                id='example-graph'

                )], className='six columns'

                )

            ], className='row'

            )

   ]

)

I'm sorry it's a late answer, I think you've probably solved the problem. But as a solution for other people who took this error, I add it here.