Updated Event

Author: Xing Han Lu

usage-events.py

@@ -12,11 +12,19 @@
 
 # Dictionary declaration
 elements_dict = [
-    {'data': {'id': 'one', 'label': 'Node 1'}, 'position': {'x': 50, 'y': 50}},
-    {'data': {'id': 'two', 'label': 'Node 2'},
-     'position': {'x': 200, 'y': 200}},
-    {'data': {'source': 'one', 'target': 'two',
-              'label': 'Edge from Node1 to Node2'}}
+    {
+        'data': {'id': 'one', 'label': 'Node 1'},
+        'position': {'x': 50, 'y': 50}
+    },
+    {
+        'data': {'id': 'two', 'label': 'Node 2'},
+        'position': {'x': 200, 'y': 200}},
+    {
+        'data': {
+            'source': 'one', 'target': 'two',
+            'label': 'Edge from Node1 to Node2'
+        }
+    }
 ]
 
 # Object declaration
@@ -45,47 +53,61 @@
         'data': {'id': 'six', 'label': 'Node 6', 'parent': 'three'},
         'position': {'x': 150, 'y': 150}
     },
-
-    {'data': {
-        'source': 'one',
-        'target': 'two',
-        'label': 'Edge from Node1 to Node2'
-    }},
-    {'data': {
-        'source': 'one',
-        'target': 'five',
-        'label': 'Edge from Node 1 to Node 5'
-    }},
-    {'data': {
-        'source': 'two',
-        'target': 'four',
-        'label': 'Edge from Node 2 to Node 4'
-    }},
-    {'data': {
-        'source': 'three',
-        'target': 'five',
-        'label': 'Edge from Node 3 to Node 5'
-    }},
-    {'data': {
-        'source': 'three',
-        'target': 'two',
-        'label': 'Edge from Node 3 to Node 2'
-    }},
+    {
+        'data': {
+            'source': 'one',
+            'target': 'two',
+            'label': 'Edge from Node1 to Node2'
+        }
+    },
+    {
+        'data': {
+            'source': 'one',
+            'target': 'five',
+            'label': 'Edge from Node 1 to Node 5'
+        }
+    },
+    {
+        'data': {
+            'source': 'two',
+            'target': 'four',
+            'label': 'Edge from Node 2 to Node 4'
+        }
+    },
+    {
+        'data': {
+            'source': 'three',
+            'target': 'five',
+            'label': 'Edge from Node 3 to Node 5'
+        }
+    },
+    {
+        'data': {
+            'source': 'three',
+            'target': 'two',
+            'label': 'Edge from Node 3 to Node 2'
+        }
+    },
     {'data': {
         'source': 'four',
         'target': 'four',
         'label': 'Edge from Node 4 to Node 4'
-    }},
-    {'data': {
-        'source': 'four',
-        'target': 'six',
-        'label': 'Edge from Node 4 to Node 6'
-    }},
-    {'data': {
-        'source': 'five',
-        'target': 'one',
-        'label': 'Edge from Node 5 to Node 1'
-    }},
+    }
+    },
+    {
+        'data': {
+            'source': 'four',
+            'target': 'six',
+            'label': 'Edge from Node 4 to Node 6'
+        }
+    },
+    {
+        'data': {
+            'source': 'five',
+            'target': 'one',
+            'label': 'Edge from Node 5 to Node 1'
+        }
+    },
 ]
 
 styles = {