Make Plotly Dash part of your Flask Application by following this example.

• The full tutorial can be found here: https://hackersandslackers.com/plotly-dash-with-flask/
• A live demo can be found here: https://plotlydashflask.hackersandslackers.app/

Installation via requirements.txt:

$ git clone https://github.com/toddbirchard/plotlydash-flask-tutorial.git
$ cd plotlydash-flask-tutorial
$ python3 -m venv myenv
$ source myenv/bin/activate
$ pip3 install -r requirements.txt
$ flask run

Installation via Pipenv:

$ git clone https://github.com/toddbirchard/plotlydash-flask-tutorial.git
$ cd plotlydash-flask-tutorial
$ pipenv shell
$ pipenv update
$ flask run

Installation via Poetry:

$ git clone https://github.com/hackersandslackers/plotlydash-flask-tutorial.git
$ cd plotlydash-flask-tutorial
$ poetry shell
$ poetry update
$ poetry run

Replace the values in .env.example with your values and rename this file to .env:

• FLASK_APP: Entry point of your application (should be wsgi.py).
• FLASK_ENV: The environment to run your app in (either development or production).
• SECRET_KEY: Randomly generated string of characters used to encrypt your app's data.
• LESS_BIN: Path to your local LESS installation via which lessc (optional for static assets).
• ASSETS_DEBUG: Debug asset creation and bundling in development (optional).
• LESS_RUN_IN_DEBUG: Debug LESS while in development (optional).
• COMPRESSOR_DEBUG: Debug asset compression while in development (optional).

Remember never to commit secrets saved in .env files to Github.

Hackers and Slackers tutorials are free of charge. If you found this tutorial helpful, a small donation would be greatly appreciated to keep us in business. All proceeds go towards coffee, and all coffee goes towards more content.