https://github.com/toddbirchard/plotlydash-flask-tutorial

📊📉 Embed Plotly Dash into your Flask applications.
https://github.com/toddbirchard/plotlydash-flask-tutorial

dashboard data data-analysis data-visualisation data-visualization flask flask-application pandas plotly plotly-dash python tutorial

Last synced: 25 days ago
JSON representation

📊📉 Embed Plotly Dash into your Flask applications.

• Host: GitHub
• URL: https://github.com/toddbirchard/plotlydash-flask-tutorial
• Owner: toddbirchard
• Created: 2019-03-28T06:45:10.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-09-08T14:08:25.000Z (over 1 year ago)
• Last Synced: 2025-03-28T16:11:09.261Z (about 1 month ago)
• Topics: dashboard, data, data-analysis, data-visualisation, data-visualization, flask, flask-application, pandas, plotly, plotly-dash, python, tutorial
• Language: Less
• Homepage: https://hackersandslackers.com/plotly-dash-with-flask/
• Size: 1.5 MB
• Stars: 492
• Watchers: 9
• Forks: 160
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# Plotly Dash Flask Tutorial

![Python](https://img.shields.io/badge/Python-^3.10-blue.svg?logo=python&longCache=true&logoColor=white&colorB=5e81ac&style=flat-square&colorA=4c566a)

![Flask](https://img.shields.io/badge/Flask^2.2.5-blue.svg?longCache=true&logo=flask&style=flat-square&logoColor=white&colorB=5e81ac&colorA=4c566a)

![Flask-Assets](https://img.shields.io/badge/Flask--Assets-v2.0-blue.svg?longCache=true&logo=flask&style=flat-square&logoColor=white&colorB=5e81ac&colorA=4c566a)

![Pandas](https://img.shields.io/badge/Pandas-v^2.1.0-blue.svg?longCache=true&logo=python&longCache=true&style=flat-square&logoColor=white&colorB=5e81ac&colorA=4c566a)

![Dash](https://img.shields.io/badge/Dash-v^2.13.0-blue.svg?longCache=true&logo=python&longCache=true&style=flat-square&logoColor=white&colorB=5e81ac&colorA=4c566a)

![Plotly](https://img.shields.io/badge/Plotly-v^5.16.1-blue.svg?longCache=true&logo=python&longCache=true&style=flat-square&logoColor=white&colorB=5e81ac&colorA=4c566a)

![GitHub Last Commit](https://img.shields.io/github/last-commit/google/skia.svg?style=flat-square&colorA=4c566a&colorB=a3be8c)

[![GitHub Issues](https://img.shields.io/github/issues/toddbirchard/plotlydash-flask-tutorial.svg?style=flat-square&colorA=4c566a&colorB=ebcb8b)](https://github.com/toddbirchard/plotlydash-flask-tutorial/issues)

[![GitHub Stars](https://img.shields.io/github/stars/toddbirchard/plotlydash-flask-tutorial.svg?style=flat-square&colorB=ebcb8b&colorA=4c566a)](https://github.com/toddbirchard/plotlydash-flask-tutorial/stargazers)

[![GitHub Forks](https://img.shields.io/github/forks/toddbirchard/plotlydash-flask-tutorial.svg?style=flat-square&colorA=4c566a&colorB=ebcb8b)](https://github.com/toddbirchard/plotlydash-flask-tutorial/network)

![Plotly Dash Tutorial](./.github/[email protected]?raw=true)

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

* **Tutorial**: https://hackersandslackers.com/plotly-dash-with-flask/

* **Demo**: https://plotlydashflask.hackersandslackers.app/

## Getting Started

Get set up locally in two steps:

### Environment Variables

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

* `FLASK_ENV`: The environment in which to run your application; either `development` or `production`.

* `SECRET_KEY`: Randomly generated string of characters used to encrypt your app's data.

* `LESS_BIN` *(optional for static assets)*: Path to your local LESS installation via `which lessc`.

* `ASSETS_DEBUG` *(optional)*: Debug asset creation and bundling in `development`.

* `LESS_RUN_IN_DEBUG` *(optional)*: Debug LESS while in `development`.

* `COMPRESSOR_DEBUG` *(optional)*: Debug asset compression while in `development`.

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

### Installation

Get up and running with `make deploy`:

```shell

$ git clone https://github.com/hackersandslackers/plotlydash-flask-tutorial.git

$ cd dashboard-flask-tutorial

$ make deploy

```

-----

**Hackers and Slackers** tutorials are free of charge. If you found this tutorial helpful, a [small donation](https://www.buymeacoffee.com/hackersslackers) would be greatly appreciated to keep us in business. All proceeds go towards coffee, and all coffee goes towards more content.