Plotly express on Heroku

Dash Python
1

Hi
I wonder if someone have managed to run a Dash page with a Plotly express chart on Heroku? If that is the case, could you provide me with a simple example?

This is what I tried:
import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly_express as px
import pandas as pd

df = pd.read_csv('2011_us_ag_exports.csv')

app = dash.Dash()
server = app.server

app.layout = html.Div(
    html.Div([
        dcc.Graph(figure=px.scatter(df, x="beef", y="pork")
    ])
)

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

requirements.txt contains
certifi==2018.4.16
chardet==3.0.4
click==6.7
dash==0.36.0
dash-core-components==0.43.0
dash-html-components==0.13.5
dash-renderer==0.12.1
decorator==4.3.0
Flask==1.0.2
Flask-Compress==1.4.0
gunicorn==19.8.1
idna==2.6
ipython-genutils==0.2.0
itsdangerous==0.24
Jinja2==2.10.1
jsonschema==2.6.0
jupyter-core==4.4.0
MarkupSafe==1.0
nbformat==4.4.0
pandas==0.22.0
plotly==2.5.1
plotly_express==0.1.3
pytz==2018.4

six==1.11.0
traitlets==4.3.2

Werkzeug==0.14.1

2

I’d be happy to try to help! Did what you tried not work? If so, why not, what happens?

3

You are missing a ) at the end of the Graph component.

app.layout = html.Div(
html.Div([
dcc.Graph(figure=px.scatter(df, x=“beef”, y=“pork”))
])
)

On a side note, all the heroku apps I have using px do not create the figure in the layout. I have the figure in a callback or create a def. Shouldn’t matter but as the apps get larger you will be thankful.