From b303c9ac9a57af79ac51fc529c1f8d997440d085 Mon Sep 17 00:00:00 2001
From: pauljohn <pjohnson@teracrunch.com>
Date: Tue, 20 Oct 2020 12:41:18 -0500
Subject: [PATCH] dashboard.py: separate graph code into a function. Cleans up
 the dashboard code's look

---
 plotlyflask_tutorial/plotlydash/dashboard.py | 37 +++++++++++---------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/plotlyflask_tutorial/plotlydash/dashboard.py b/plotlyflask_tutorial/plotlydash/dashboard.py
index ef2e24c..5c094c7 100644
--- a/plotlyflask_tutorial/plotlydash/dashboard.py
+++ b/plotlyflask_tutorial/plotlydash/dashboard.py
@@ -28,22 +28,8 @@ def init_dashboard(server):
 
     # Create Layout
     dash_app.layout = html.Div(
-        children=[dcc.Graph(
-            id='histogram-graph',
-            figure={
-                'data': [{
-                    'x': df['complaint_type'],
-                    'text': df['complaint_type'],
-                    'customdata': df['key'],
-                    'name': '311 Calls by region.',
-                    'type': 'histogram'
-                }],
-                'layout': {
-                    'title': 'NYC 311 Calls category.',
-                    'height': 500,
-                    'padding': 150
-                }
-            }),
+        children=[
+            create_graph(df),
             create_data_table(df)
         ],
         id='dash-container'
@@ -63,3 +49,22 @@ def create_data_table(df):
     )
     return table
 
+
+def create_graph(df):
+    agraph = dcc.Graph(
+        id='histogram-graph',
+        figure={
+            'data': [{
+                'x': df['complaint_type'],
+                'text': df['complaint_type'],
+                'customdata': df['key'],
+                'name': '311 Calls by region.',
+                'type': 'histogram'
+            }],
+            'layout': {
+                'title': 'NYC 311 Calls category.',
+                'height': 500,
+                'padding': 150
+            }
+    })
+    return agraph