{"id":20544416,"url":"https://github.com/toddbirchard/plotlydash-flask-tutorial","last_synced_at":"2025-04-04T17:09:57.245Z","repository":{"id":39643130,"uuid":"178142880","full_name":"toddbirchard/plotlydash-flask-tutorial","owner":"toddbirchard","description":"📊📉 Embed Plotly Dash into your Flask applications.","archived":false,"fork":false,"pushed_at":"2023-09-08T14:08:25.000Z","size":1572,"stargazers_count":492,"open_issues_count":21,"forks_count":160,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-03-28T16:11:09.261Z","etag":null,"topics":["dashboard","data","data-analysis","data-visualisation","data-visualization","flask","flask-application","pandas","plotly","plotly-dash","python","tutorial"],"latest_commit_sha":null,"homepage":"https://hackersandslackers.com/plotly-dash-with-flask/","language":"Less","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/toddbirchard.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null},"funding":{"custom":["https://www.buymeacoffee.com/hackersslackers"]}},"created_at":"2019-03-28T06:45:10.000Z","updated_at":"2025-02-17T18:59:19.000Z","dependencies_parsed_at":"2022-07-14T03:40:37.096Z","dependency_job_id":"1aa24b46-6fb2-4052-a30e-1f660a86bd8d","html_url":"https://github.com/toddbirchard/plotlydash-flask-tutorial","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toddbirchard%2Fplotlydash-flask-tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toddbirchard%2Fplotlydash-flask-tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toddbirchard%2Fplotlydash-flask-tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toddbirchard%2Fplotlydash-flask-tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/toddbirchard","download_url":"https://codeload.github.com/toddbirchard/plotlydash-flask-tutorial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247217222,"owners_count":20903009,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dashboard","data","data-analysis","data-visualisation","data-visualization","flask","flask-application","pandas","plotly","plotly-dash","python","tutorial"],"created_at":"2024-11-16T01:44:19.360Z","updated_at":"2025-04-04T17:09:57.230Z","avatar_url":"https://github.com/toddbirchard.png","language":"Less","readme":"# Plotly Dash Flask Tutorial\n\n![Python](https://img.shields.io/badge/Python-^3.10-blue.svg?logo=python\u0026longCache=true\u0026logoColor=white\u0026colorB=5e81ac\u0026style=flat-square\u0026colorA=4c566a)\n![Flask](https://img.shields.io/badge/Flask^2.2.5-blue.svg?longCache=true\u0026logo=flask\u0026style=flat-square\u0026logoColor=white\u0026colorB=5e81ac\u0026colorA=4c566a)\n![Flask-Assets](https://img.shields.io/badge/Flask--Assets-v2.0-blue.svg?longCache=true\u0026logo=flask\u0026style=flat-square\u0026logoColor=white\u0026colorB=5e81ac\u0026colorA=4c566a)\n![Pandas](https://img.shields.io/badge/Pandas-v^2.1.0-blue.svg?longCache=true\u0026logo=python\u0026longCache=true\u0026style=flat-square\u0026logoColor=white\u0026colorB=5e81ac\u0026colorA=4c566a)\n![Dash](https://img.shields.io/badge/Dash-v^2.13.0-blue.svg?longCache=true\u0026logo=python\u0026longCache=true\u0026style=flat-square\u0026logoColor=white\u0026colorB=5e81ac\u0026colorA=4c566a)\n![Plotly](https://img.shields.io/badge/Plotly-v^5.16.1-blue.svg?longCache=true\u0026logo=python\u0026longCache=true\u0026style=flat-square\u0026logoColor=white\u0026colorB=5e81ac\u0026colorA=4c566a)\n![GitHub Last Commit](https://img.shields.io/github/last-commit/google/skia.svg?style=flat-square\u0026colorA=4c566a\u0026colorB=a3be8c)\n[![GitHub Issues](https://img.shields.io/github/issues/toddbirchard/plotlydash-flask-tutorial.svg?style=flat-square\u0026colorA=4c566a\u0026colorB=ebcb8b)](https://github.com/toddbirchard/plotlydash-flask-tutorial/issues)\n[![GitHub Stars](https://img.shields.io/github/stars/toddbirchard/plotlydash-flask-tutorial.svg?style=flat-square\u0026colorB=ebcb8b\u0026colorA=4c566a)](https://github.com/toddbirchard/plotlydash-flask-tutorial/stargazers)\n[![GitHub Forks](https://img.shields.io/github/forks/toddbirchard/plotlydash-flask-tutorial.svg?style=flat-square\u0026colorA=4c566a\u0026colorB=ebcb8b)](https://github.com/toddbirchard/plotlydash-flask-tutorial/network)\n\n![Plotly Dash Tutorial](./.github/dash@2x.jpg?raw=true)\n\nMake Plotly Dash part of your Flask Application by following this example.\n\n* **Tutorial**: https://hackersandslackers.com/plotly-dash-with-flask/\n* **Demo**: https://plotlydashflask.hackersandslackers.app/\n\n## Getting Started\n\nGet set up locally in two steps:\n\n### Environment Variables\n\nReplace the values in **.env.example** with your values and rename this file to **.env**:\n\n* `FLASK_ENV`: The environment in which to run your application; either `development` or `production`.\n* `SECRET_KEY`: Randomly generated string of characters used to encrypt your app's data.\n* `LESS_BIN` *(optional for static assets)*: Path to your local LESS installation via `which lessc`.\n* `ASSETS_DEBUG` *(optional)*: Debug asset creation and bundling in `development`.\n* `LESS_RUN_IN_DEBUG` *(optional)*: Debug LESS while in `development`.\n* `COMPRESSOR_DEBUG` *(optional)*: Debug asset compression while in `development`.\n\n*Remember never to commit secrets saved in .env files to Github.*\n\n### Installation\n\nGet up and running with `make deploy`:\n\n```shell\n$ git clone https://github.com/hackersandslackers/plotlydash-flask-tutorial.git\n$ cd dashboard-flask-tutorial\n$ make deploy\n```\n\n-----\n\n**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.\n","funding_links":["https://www.buymeacoffee.com/hackersslackers"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoddbirchard%2Fplotlydash-flask-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftoddbirchard%2Fplotlydash-flask-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoddbirchard%2Fplotlydash-flask-tutorial/lists"}