Problem running Dash in Google Colab notebook

Dash Python
1

I’m new to Plotly and am trying to use Dash. I found some sample code in an online tutorial and have tried to run it in a Google Colab notebook, but I get an error from the last two lines of the following code (problematic lines are bolded):

import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()

app.layout = html.Div(children=[
html.H1(children=‘Hello Dash’),

html.Div(children='''
    Dash: A web application framework for Python.
'''),

dcc.Graph(
    id='example-graph',
    figure={
        'data': [
            {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'SF'},
            {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': u'Montréal'},
        ],
        'layout': {
            'title': 'Dash Data Visualization'
        }
    }
)

])

if name == ‘main’:
app.run_server(debug=True)

When I searched stack overflow to troubleshoot the error (“UnsupportedOperation: not writable”), I found a solution from another user on GitHub, and it was described as:

You need to edit the echo function definition at …/site-packages/click/utils.py the default value for the file parameter must be sys.stdout instead of None.
Do the same for the secho function definition at …/site-packages/click/termui.py

Unfortunately, there was no sample code given for how to make the edits indicated to echo and secho, and this is unfamiliar to me.

If you have any other suggestions for how to get Dash to run in a Google Colab notebook, I would love to hear them!

2

maybe try ‘debug=False’?

3

Thank you for replying and trying to solve the problem! I tried debug=False and still get the same error message (UnsupportedOperation: not writable).

4

This might have to do with the new version of flask (1.0+). It started coming up when I upgraded. If you use flask 0.12 for example it should be fine.

If you are using flask 1.0 then this can be solved by saving the script to a file, and running it from the command line.

In Google Colab:

%%writefile my_app.py
import dash
import ... 
etc

Then from the next cell run:

!python my_app.py

This worked for me:

04%20PM
Screen Shot 2018-07-08 at 2.28.04 PM.png1770×840 90.4 KB

One problem: I don’t know how to access the url it is running on, because this is not local on my machine!

Make sure you also correctly write the last two lines:

if __name__ == '__main__':
    app.run_server()
5

Thank you, @eliasdabbas!! This did get the ugly error messages to go away (it ran). I haven’t figured out how to get the graph to appear, though. I’ll see if I can find something about how to get that to work, too. Thanks again for your help!

1 Like
6

Did you manage to run this code? i have the same problem