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

Rate this post

If you’re interested in learning more about how to create beautiful dashboard applications in Python, check out our new book Python Dash.

You’ve seen dashboards before; think election result visualizations you can update in real-time, or population maps you can filter by demographic.

With the Python Dash library you’ll create analytic dashboards that present data in effective, usable, elegant ways in just a few lines of code.

Get the book on NoStarch or Amazon!


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