first viz; looks terrible

viz.py

@@ -1,22 +1,21 @@
 from dash import Dash, html
+from pprint import pprint
 import dash_cytoscape as cyto
+import json
 
 app = Dash(__name__)
 
+with open('viz_data.json') as f:
+    data = json.load(f)
+
 app.layout = html.Div([
     html.P("Dash Cytoscape:"),
     cyto.Cytoscape(
         id='cytoscape',
-        elements=[
-            {'data': {'id': 'ca', 'label': 'Canada'}}, 
-            {'data': {'id': 'on', 'label': 'Ontario'}}, 
-            {'data': {'id': 'qc', 'label': 'Quebec'}},
-            {'data': {'source': 'ca', 'target': 'on'}}, 
-            {'data': {'source': 'ca', 'target': 'qc'}}
-        ],
+        elements=data,
         layout={'name': 'breadthfirst'},
         style={'width': '400px', 'height': '500px'}
-    )
+     )
 ])