GBADs Dashboard Tutorials

Learning goals

By the end of these tutorials, you will have learned about how to create a dashboard using Plotly Dash components in Python 3. You will have also learned about dashboard design.

Prerequisites

• A basic knowledge of programming in Python 3 is useful however Python 3 installation and environment set up is explained below.
• Knowledge of HTML is useful since Dash also uses common HTML components.
• Knowledge of CSS is useful since Dash components can be styled with CSS.

Resources

Check out these resources to help with your with you dashboard development.

Programming

• Getting started with Python
• Python Tutorials
• HTML Tutorials
• CSS Tutorials
• Official Dash Documentation

Design

• Interface Design Tool Figma
• Dashboard Design
• More Dash dashboards

Environment Setup

Python 3

Follow this guide to install Python 3 on your machine

Jupyter

Follow this guide to install Python 3 on your machine

Why Dash

Dash is relatively simple to use and learn. It also works well with other python modules. It also offers more flexibility than other similar dashboard libraries.

Part 1 - Dash Components, Callbacks

Part 2 - Customization, PPS Template