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

5/5 - (2 votes)
Your First Dash App in 4 Minutes or Less

📖 Further Learning: For a complete guide on how to build your beautiful dashboard app in pure Python, check out our best-selling book Python Dash with San Francisco Based publisher NoStarch.

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

Python Dash Book


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!