# Dash table and graph does not load in browser

**URL:** <https://community.plotly.com/t/dash-table-and-graph-does-not-load-in-browser/23139>\
**Category:** Dash Python\
**Created:** [May 6, 2019, 7:35pm UTC](https://community.plotly.com/t/dash-table-and-graph-does-not-load-in-browser/23139 "2019-05-06T19:35:18Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![\_m8](https://avatars.discourse-cdn.com/v4/letter/_/e47c2d/32.png) [@\_m8](https://community.plotly.com/u/_m8)\
**Post date:** [May 6, 2019, 7:35pm UTC](https://community.plotly.com/t/dash-table-and-graph-does-not-load-in-browser/23139/1 "2019-05-06T19:35:18Z")

</div>

Hello, I have modified an existing template for a simple app. Everything works fine when I run this app. However, I tried to have my IT department load it on their PC and the page does not load, although the console shows the server is running, with no error messages in the console. I have attached snapshots of error messages from both Firefox and Chrome. Although the error says dash\_table\_experiments was not found, it was successfully installed prior to running the app.

 ![chrome%20error](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/c/c9676094a6d5b51b630eb57d958e2dd5effe4999.jpeg) ![firefox%20error](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/3/319b2de61f448b8183ffba4d3fc2e9078cf40fca.png)

As far as we know, we have installed all dependencies, following this tutorial [https://dash.plot.ly/installation](https://dash.plot.ly/installation). Has anyone experienced these issues?

```
import os
os.chdir("C:/Users/4469177/Nate/Python/scripts/Dash")

import dash
from dash.dependencies import Input, Output, State
import dash_core_components as dcc
import dash_html_components as html
import dash_table_experiments as dt
import pandas as pd
import plotly

#import numpy as np
#import json

# launch the app
app = dash.Dash()

# force offline usage
app.scripts.config.serve_locally = True
# app.css.config.serve_locally = True

# import data into pandas dataframe
test_df = pd.read_csv('C:/Users/4469177/Nate/Projects/Dash/test.csv')

# build and format web app
app.layout = html.Div([
    html.H4('Release Progress'), # page title
    dt.DataTable(
        rows = test_df.to_dict('records'), # create dict from df
# # sort columns
# columns=sorted(test_df.columns),

        # enable features of app
        row_selectable = True,
        filterable = True,
        sortable = True,
        selected_row_indices = [],
        id = 'datatable-test' # name the datatable
    ),
    html.Div(id='selected-indexes'),
    dcc.Graph(
        id='graph-test' # name the graph
    ),
], className="container")

# callback
@app.callback(
    Output('datatable-test', 'selected_row_indices'),
    [Input('graph-test', 'clickData')],
    [State('datatable-test', 'selected_row_indices')])

# function to update selected rows after interaction
def update_selected_row_indices(clickData, selected_row_indices):
    if clickData:
        for point in clickData['points']:
            if point['pointNumber'] in selected_row_indices:
                selected_row_indices.remove(point['pointNumber'])
            else:
                selected_row_indices.append(point['pointNumber'])
    return selected_row_indices

# callback
@app.callback(
    Output('graph-test', 'figure'),
    [Input('datatable-test', 'rows'),
     Input('datatable-test', 'selected_row_indices')])
    
# function to update plots
def update_figure(rows, selected_row_indices):
    dff = pd.DataFrame(rows)
    fig = plotly.tools.make_subplots(
        rows=3, cols=1,
        subplot_titles=('Release Progress',), # plot titles
        shared_xaxes=True)
    marker = {'color': ['#0074D9']*len(dff)} # plot color
    for i in (selected_row_indices or []):
        marker['color'][i] = '#FF851B' # plot color for selection
    fig.append_trace({
        'x': dff['test'], # select x and y axis
        'y': dff['Release Progress'],
        'type': 'bar', # graph type
        'marker': marker
    }, 1, 1)
# fig.append_trace({
# 'x': dff['country'], # select x and y axis
# 'y': dff['gdpPercap'],
# 'type': 'bar', # graph type
# 'marker': marker
# }, 2, 1)
# fig.append_trace({
# 'x': dff['country'], # select x and y axis
# 'y': dff['pop'],
# 'type': 'bar', # graph type
# 'marker': marker
# }, 3, 1)
    fig['layout']['showlegend'] = False # legend
    fig['layout']['height'] = 800
    fig['layout']['margin'] = {
        'l': 40,
        'r': 10,
        't': 60,
        'b': 200
    }
    fig['layout']['yaxis3']['type'] = 'log'
    return fig

#css
app.css.append_css({
    'external_url': 'https://protect-us.mimecast.com/s/oYLmCgJ71oTPABElToWl7m?domain=codepen.io'
})

# start the server 
if __name__ == ' __main__':
    app.run_server(debug=False)
```

---

<div class="post-metadata">

**Author:** ![Damian](https://avatars.discourse-cdn.com/v4/letter/d/34f0e0/32.png) [@Damian](https://community.plotly.com/u/Damian)\
**Post date:** [May 6, 2019, 8:17pm UTC](https://community.plotly.com/t/dash-table-and-graph-does-not-load-in-browser/23139/2 "2019-05-06T20:17:09Z")

</div>

Dash Table Experiments is a no longer supported project and will not work with newer versions of Dash.

Try moving to Dash Datatable instead: [https://dash.plot.ly/datatable](https://dash.plot.ly/datatable)

Otherwise if you have large existing code you must install an older version of your dependencies.

---

<div class="post-metadata">

**Author:** ![\_m8](https://avatars.discourse-cdn.com/v4/letter/_/e47c2d/32.png) [@\_m8](https://community.plotly.com/u/_m8)\
**Post date:** [May 7, 2019, 12:02pm UTC](https://community.plotly.com/t/dash-table-and-graph-does-not-load-in-browser/23139/3 "2019-05-07T12:02:55Z")

</div>

Thanks Damian, I will try that. However, I am unsure why it would work on my laptop and not another users. For this case, my dataset is only a few records because we were just testing out the library. Are there any other dependencies which need to be installed other than what is listed here… [https://dash.plot.ly/installation](https://dash.plot.ly/installation)?

---

<div class="post-metadata">

**Author:** ![Damian](https://avatars.discourse-cdn.com/v4/letter/d/34f0e0/32.png) [@Damian](https://community.plotly.com/u/Damian)\
**Post date:** [May 7, 2019, 2:01pm UTC](https://community.plotly.com/t/dash-table-and-graph-does-not-load-in-browser/23139/4 "2019-05-07T14:01:53Z")

</div>

> [@\_m8](#):
>
> Thanks Damian, I will try that. However, I am unsure why it would work on my laptop and not another users.

I’m not sure what you mean by work on your laptop an not other users? Do you have 2 seperate installations?

In which case check the versions of:

- dash
- dash-renderer
- dash-core-components
- dash-html-components

If they are different between the 2 installations that will be the difference. If you installed them via pip you can check like so:

```
pip list

```

But again, be aware that dash-table-experiments is a deprecated project, will not receive bug fixes, and will not work with newer versions of Dash.

---

<div class="post-metadata">

**Author:** ![\_m8](https://avatars.discourse-cdn.com/v4/letter/_/e47c2d/32.png) [@\_m8](https://community.plotly.com/u/_m8)\
**Post date:** [May 7, 2019, 2:40pm UTC](https://community.plotly.com/t/dash-table-and-graph-does-not-load-in-browser/23139/5 "2019-05-07T14:40:32Z")

</div>

Gotcha, we are indeed running on different versions. Thanks for your help!