Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
import dash
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html
from pandas_datareader import data as web
from datetime import datetime as dt
app = dash.Dash('Hello World')
app.layout = html.Div([
dcc.Dropdown(
id='my-dropdown',
options=[
{'label': 'Coke', 'value': 'COKE'},
{'label': 'Tesla', 'value': 'TSLA'},
{'label': 'Apple', 'value': 'AAPL'}
],
value='COKE'
),
dcc.Graph(id='my-graph')
], style={'width': '500'})
@app.callback(Output('my-graph', 'figure'), [Input('my-dropdown', 'value')])
def update_graph(selected_dropdown_value):
df = web.DataReader(
selected_dropdown_value,
'google',
dt(2017, 1, 1),
dt.now()
)
return {
'data': [{
'x': df.index,
'y': df.Close
}],
'layout': {'margin': {'l': 40, 'r': 0, 't': 20, 'b': 30}}
}
app.css.append_css({'external_url': 'https://codepen.io/chriddyp/pen/bWLwgP.css'})
if __name__ == '__main__':
app.run_server()
@rohansb

This comment has been minimized.

Copy link

commented Jun 22, 2017

found that this example works only after following dependencies are installed:
pip install plotly==2.0.11 pip install dash==0.17.5 pip install dash_renderer pip install dash_html_components pip install pandas_datareader

@chriddyp

This comment has been minimized.

Copy link
Owner Author

commented Jun 26, 2017

For more about how this example works and how to install the necessary dependencies, please see the official dash user guide at https://dash.plot.ly. Thank you!

@PierreBourgault

This comment has been minimized.

Copy link

commented Jul 8, 2017

The user guide instructions for the installation at https://plot.ly/dash is very specific about which version of each library to install. Do you know if we could just install those libraries without specifying the version?

@jkhosla

This comment has been minimized.

Copy link

commented Aug 4, 2017

@PierreBourgault You could install without version numbers - it works for the current setup . But may fail in the future.

@lassebv

This comment has been minimized.

Copy link

commented Nov 30, 2017

Am I the only that gets an error like this when running the example? The error seems to be from fetching the data to plot.
UnicodeDecodeError: 'utf-8' codec can't decode byte 0xf8 in position 359: invalid start byte`

@cosmik2002

This comment has been minimized.

Copy link

commented Dec 1, 2017

It looks like Google problem, try yaho. Work fine for me
df = web.DataReader(
selected_dropdown_value,
'yahoo',
dt(2017, 1, 1),
dt.now()
)

@sanbelief

This comment has been minimized.

Copy link

commented Jan 16, 2018

how to run a dash application can anybody tell me coz i am getting an error while running the code on jupyter i.e. system exit and also tell me from where i can access the app

@MattKovtun

This comment has been minimized.

Copy link

commented Mar 28, 2018

Not 'google' nor 'yahoo' is currently working, please provide some valid source

@doursand

This comment has been minimized.

Copy link

commented Apr 1, 2018

you can use quandl instead , ex below 👍

import dash
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html

from pandas_datareader import data as web
from datetime import datetime as dt
import quandl

app = dash.Dash('Hello World')

app.layout = html.Div([
dcc.Dropdown(
id='my-dropdown',
options=[
{'label': 'Poxel', 'value': 'EURONEXT/POXEL'},
{'label': 'Orange', 'value': 'EURONEXT/ORA'},
{'label': 'TechnipFMC', 'value': 'EURONEXT/FTI'}
],
value='Poxel'
),
dcc.Graph(id='my-graph')
], style={'width': '500'})

@app.callback(Output('my-graph', 'figure'), [Input('my-dropdown', 'value')])
def update_graph(selected_dropdown_value):
df = quandl.get(
selected_dropdown_value,
authtoken="your_access_token_after_registering_to_quandl"
)
return {
'data': [{
'x': df.index,
'y': df.Last
}],
'layout': {'margin': {'l': 40, 'r': 0, 't': 20, 'b': 30}}
}

app.css.append_css({'external_url': 'https://codepen.io/chriddyp/pen/bWLwgP.css'})

if name == 'main':
app.run_server()

@shijiawendehaozi

This comment has been minimized.

Copy link

commented Jul 7, 2018

It works

@yelled1

This comment has been minimized.

Copy link

commented Jul 26, 2018

Installed all dependencies, but I get the following error from my jupyter lab.
Using pipenv with Google Cloud VM & Ubuntu 16.04
Thanks,

UnsupportedOperation Traceback (most recent call last)
in ()
37
38 if name == 'main':
---> 39 app.run_server()

~/.local/share/virtualenvs/simulation-RVBo82bs/lib/python3.6/site-packages/dash/dash.py in run_server(self, port, debug, **flask_run_options)
566 debug=False,
567 **flask_run_options):
--> 568 self.server.run(port=port, debug=debug, **flask_run_options)

~/.local/share/virtualenvs/simulation-RVBo82bs/lib/python3.6/site-packages/flask/app.py in run(self, host, port, debug, load_dotenv, **options)
936 options.setdefault('threaded', True)
937
--> 938 cli.show_server_banner(self.env, self.debug, self.name, False)
939
940 from werkzeug.serving import run_simple

~/.local/share/virtualenvs/simulation-RVBo82bs/lib/python3.6/site-packages/flask/cli.py in show_server_banner(env, debug, app_import_path, eager_loading)
627 message += ' (lazy loading)'
628
--> 629 click.echo(message)
630
631 click.echo(' * Environment: {0}'.format(env))

~/.local/share/virtualenvs/simulation-RVBo82bs/lib/python3.6/site-packages/click/utils.py in echo(message, file, nl, err, color)
257
258 if message:
--> 259 file.write(message)
260 file.flush()
261
UnsupportedOperation: not writable

@matanster

This comment has been minimized.

Copy link

commented Sep 19, 2018

So where does one start feeling the need for the paid product or get stumped without it?
what's missing in starting the server with code like this, v.s. the premium product? excluding security or enterprise integration features....

@nahal626

This comment has been minimized.

Copy link

commented Oct 4, 2018

I'm running the above code using Spyder/Anaconda. When opening local host on port 8050, I only see a White window with "Loading..." on the top. Can anyone please help me?

@mstorry

This comment has been minimized.

Copy link

commented Nov 1, 2018

datasource 'yahoo' works for me currently (Google does not)

@PeterKoppelman

This comment has been minimized.

Copy link

commented Nov 10, 2018

I seem to be getting hung up at the decorator and the def update_graph. I get the * Running on http://127.0.0.1:8050/ (Press CTRL+C to quit) and then the program hangs.

Any ideas?

@eutone

This comment has been minimized.

Copy link

commented Apr 12, 2019

How about if i would like to use a dataset on that sample code?

@eutone

This comment has been minimized.

Copy link

commented Apr 12, 2019

How about if i would like to use a dataset on that sample code?

@aboucher410

This comment has been minimized.

Copy link

commented Jun 3, 2019

HELP PLEASE! I am a student and I trying to create a graph to show volunteer impacts. Nothing fancy. I tried the simple graph and that didn't work, now I have this one and its not working :(

ModuleNotFoundError Traceback (most recent call last)
in
4 import dash_html_components as html
5
----> 6 import pandas.io.data as web
7
8

ModuleNotFoundError: No module named 'pandas.io.data'

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.