https://github.com/datahappy1/flask_chartjs_drilldown_example_project

Flask, Chart.js drilldown example project
https://github.com/datahappy1/flask_chartjs_drilldown_example_project

chart chartjs covid19 csv data-visualization drilldown flask line-chart public-dataset time-series

Last synced: 4 months ago
JSON representation

Flask, Chart.js drilldown example project

• Host: GitHub
• URL: https://github.com/datahappy1/flask_chartjs_drilldown_example_project
• Owner: datahappy1
• License: mit
• Created: 2020-03-06T22:12:01.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-05-06T20:54:16.000Z (over 1 year ago)
• Last Synced: 2023-05-06T22:00:48.196Z (over 1 year ago)
• Topics: chart, chartjs, covid19, csv, data-visualization, drilldown, flask, line-chart, public-dataset, time-series
• Language: HTML
• Homepage:
• Size: 1 MB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Flask, Chart.js drilldown example project

Flask and Chart.js example project allowing the web application user to drilldown to the detailed data through the main chart data point.

In the current version of Chart.js library (March 2020), this functionality is not available. The chart datapoint drilldown feature is covered

here.

This example repository uses the Kaggle "covid19" dataset. 

*Currently designed to run on Windows, but if you replace Waitress WSGI with Gunicorn for instance, can

run also on *nix based OS

## Screenshots from the web app

![alt text][screens]

[screens]: https://github.com/datahappy1/flask_chartjs_drilldown_example_project/blob/master/flaskr/docs/screens_gif.gif "screens"

## How to get started

1) Git clone this repository

2) Create and activate yourself a Python virtual environment

3) run `pip3 install -r requirements.txt`

4) set your Windows Python working directory to `C:\<<>>\flaskr`

5) run `python3 C:\<<>>\flaskr\app.py`

### Useful links:

- https://www.chartjs.org/

- https://www.kaggle.com/sudalairajkumar/novel-corona-virus-2019-dataset#covid_19_data.csv