Your First Dash App – How to Get Started in 4 Minutes or Less

Minute 1: Install Dash

Type the following command in your terminal/shell.

Windows, macOS:

pip install dash

Linux, Ubuntu:

sudo pip install dash

Minute 2: Create Minimal Dash Project File “app.py”

Copy&paste the code into a new file called “app.py” in a folder – with path /path/to/dash_app/app.py:

# file app.py

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objects as go

es = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=es)

xs = list(range(30))
ys = [10000 * 1.07**i for i in xs]

fig = go.Figure(data=go.Scatter(x=xs, y=ys))
fig.update_layout(xaxis_title='Years', yaxis_title='$')

app.layout = html.Div(children=[
    html.H1(children='Assets'),
    dcc.Graph(figure=fig)])

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

Minute 3: Run Dash App

Open a terminal or shell in the /path/to/dash_app/ and run python app.py in it:

$ python app.py
Run Dash Terminal

Minute 4: Open Dash App in Your Browser

Copy or click on the IP address 127.0.0.1:8050 and open it in your browser.

Open Dash app in Browser