Clean table layout.

Author: toddbirchard

Pipfile.lock

@@ -4,9 +4,9 @@
 ![Python](https://img.shields.io/badge/Python-^3.8-blue.svg?logo=python&longCache=true&logoColor=white&colorB=5e81ac&style=flat-square&colorA=4c566a)
 ![Flask](https://img.shields.io/badge/Flask-1.1.2-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-v1.0.3-blue.svg?longCache=true&logo=python&longCache=true&style=flat-square&logoColor=white&colorB=5e81ac&colorA=4c566a)
-![Dash](https://img.shields.io/badge/Dash-v1.11.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-v4.6.0-blue.svg?longCache=true&logo=python&longCache=true&style=flat-square&logoColor=white&colorB=5e81ac&colorA=4c566a)
+![Pandas](https://img.shields.io/badge/Pandas-v1.0.4-blue.svg?longCache=true&logo=python&longCache=true&style=flat-square&logoColor=white&colorB=5e81ac&colorA=4c566a)
+![Dash](https://img.shields.io/badge/Dash-v1.12.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-v4.8.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)

README.md

@@ -1,3 +1,4 @@
+"""Compile stylesheets abd static assets."""
 from flask_assets import Environment, Bundle
 
 
@@ -6,9 +7,11 @@ def compile_assets(app):
     assets = Environment(app)
     Environment.auto_build = True
     Environment.debug = False
-    less_bundle = Bundle('less/*.less',
-                         filters='less,cssmin',
-                         output='dist/css/styles.css',
-                         extra={'rel': 'stylesheet/less'})
+    less_bundle = Bundle(
+        'less/*.less',
+        filters='less,cssmin',
+        output='dist/css/styles.css',
+        extra={'rel': 'stylesheet/less'}
+    )
     assets.register('less_all', less_bundle)
     less_bundle.build(force=True)

application/assets.py

@@ -17,9 +17,9 @@ def create_dashboard(server):
                          )
 
     # Prepare a DataFrame
-    df = pd.read_csv('data/311-calls.csv', parse_dates=['created_date'])
+    df = pd.read_csv('data/311-calls.csv', parse_dates=['created'])
     num_complaints = df['complaint_type'].value_counts()
-    to_remove = num_complaints[num_complaints <= 20].index
+    to_remove = num_complaints[num_complaints <= 30].index
     df.replace(to_remove, np.nan, inplace=True)
 
     # Custom HTML layout
@@ -34,7 +34,7 @@ def create_dashboard(server):
                     {
                         'x': df['complaint_type'],
                         'text': df['complaint_type'],
-                        'customdata': df['unique_key'],
+                        'customdata': df['key'],
                         'name': '311 Calls by region.',
                         'type': 'histogram'
                     }

application/plotlydash/dashboard.py

@@ -6,7 +6,9 @@
 @app.route('/')
 def home():
     """Landing page."""
-    return render_template('index.jinja2',
-                           title='Plotly Dash & Flask Tutorial',
-                           template='home-template',
-                           body="This is a homepage served with Flask.")
+    return render_template(
+        'index.jinja2',
+        title='Plotly Dash & Flask Tutorial',
+        template='home-template',
+        body="This is a homepage served with Flask."
+    )