Switch from Sigma to ECharts.

server/basic_ops.py

@@ -26,7 +26,7 @@ def _map_color(value):
   rgba = cmap(value)
   return ['#{:02x}{:02x}{:02x}'.format(int(r*255), int(g*255), int(b*255)) for r, g, b in rgba[:, :3]]
 
-@ops.op("Visualize graph", view="graph_view")
+@ops.op("Visualize graph", view="visualization")
 def visualize_graph(graph: ops.Bundle, *, color_nodes_by: 'node_attribute' = None):
   nodes = graph.dfs['nodes'].copy()
   node_attributes = sorted(nodes.columns)
@@ -35,19 +35,38 @@ def visualize_graph(graph: ops.Bundle, *, color_nodes_by: 'node_attribute' = Non
   nodes = nodes.to_records()
   edges = graph.dfs['edges'].drop_duplicates(['source', 'target'])
   edges = edges.to_records()
+  pos = nx.spring_layout(graph.to_nx())
   v = {
-    'node_attributes': node_attributes,
-    'attributes': {},
-    'options': {},
-    'nodes': [
+    'animationDuration': 1500,
+    'animationEasingUpdate': 'quinticInOut',
+    'series': [
       {
-        'key': str(n.id),
-        'attributes': {'color': n.color, 'size': 5} if color_nodes_by else {}
-      }
-      for n in nodes],
-    'edges': [
-      {'key': str(r.source) + ' -> ' + str(r.target), 'source': str(r.source), 'target': str(r.target)}
-      for r in edges],
+        'type': 'graph',
+        'roam': True,
+        'lineStyle': {
+          'color': 'gray',
+          'curveness': 0.3,
+        },
+        'emphasis': {
+          'focus': 'adjacency',
+          'lineStyle': {
+            'width': 10,
+          }
+        },
+        'data': [
+          {
+            'id': str(n.id),
+            'x': pos[n.id][0], 'y': pos[n.id][1],
+            # Adjust node size to cover the same area no matter how many nodes there are.
+            'symbolSize': 50 / len(nodes) ** 0.5,
+            'itemStyle': {'color': n.color} if color_nodes_by else {},
+          }
+          for n in nodes],
+        'links': [
+          {'source': str(r.source), 'target': str(r.target)}
+          for r in edges],
+      },
+    ],
   }
   return v
 

server/workspace.py

@@ -75,7 +75,7 @@ def execute(ws):
                     data.inputs = {f'input{i}': None for i in range(len(inputs) + 1)}
                 data.error = None
                 outputs[node.id] = output
-                if op.type == 'graph_view' or op.type == 'table_view':
+                if op.type == 'visualization' or op.type == 'table_view':
                     data.view = output
 
 

web/package-lock.json

@@ -8,16 +8,15 @@
       "name": "vite-svelte-flow-template",
       "version": "0.0.0",
       "dependencies": {
+        "@iconify-json/tabler": "^1.1.110",
         "@popperjs/core": "^2.11.8",
         "@xyflow/svelte": "^0.1.3",
         "bootstrap": "^5.3.3",
+        "echarts": "^5.5.0",
         "fuse.js": "^7.0.0",
-        "graphology": "^0.25.4",
-        "graphology-library": "^0.8.0",
-        "sigma": "^3.0.0-beta.17"
+        "svelte-echarts": "^1.0.0-rc1"
       },
       "devDependencies": {
-        "@iconify-json/tabler": "^1.1.110",
         "@sveltejs/vite-plugin-svelte": "^3.0.2",
         "@tsconfig/svelte": "^5.0.4",
         "sass": "^1.77.2",
@@ -82,7 +81,6 @@
       "version": "1.1.110",
       "resolved": "https://registry.npmjs.org/@iconify-json/tabler/-/tabler-1.1.110.tgz",
       "integrity": "sha512-+0TbyNeQpFI2r+bjtbazGrpGskI3c9NTii/6HhWTS+/d5+PiLs6+wWJW0M9AU2ykew7zdMKB2WtyczFyjYzZIQ==",
-      "dev": true,
       "dependencies": {
         "@iconify/types": "*"
       }
@@ -90,8 +88,7 @@
     "node_modules/@iconify/types": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
-      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
-      "dev": true
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="
     },
     "node_modules/@iconify/utils": {
       "version": "2.1.23",
@@ -615,14 +612,6 @@
       "resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.10.tgz",
       "integrity": "sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA=="
     },
-    "node_modules/@xmldom/xmldom": {
-      "version": "0.8.10",
-      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.10.tgz",
-      "integrity": "sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==",
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
     "node_modules/@xyflow/svelte": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/@xyflow/svelte/-/svelte-0.1.3.tgz",
@@ -651,11 +640,6 @@
         "d3-zoom": "^3.0.0"
       }
     },
-    "node_modules/@yomguithereal/helpers": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@yomguithereal/helpers/-/helpers-1.1.1.tgz",
-      "integrity": "sha512-UYvAq/XCA7xoh1juWDYsq3W0WywOB+pz8cgVnE1b45ZfdMhBvHDrgmSFG3jXeZSr2tMTYLGHFHON+ekG05Jebg=="
-    },
     "node_modules/acorn": {
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
@@ -979,6 +963,20 @@
         "node": ">=8"
       }
     },
+    "node_modules/echarts": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.5.0.tgz",
+      "integrity": "sha512-rNYnNCzqDAPCr4m/fqyUFv7fD9qIsd50S6GDFgO1DxZhncCsNsG7IfUlAlvZe5oSEQxtsjnHiUuppzccry93Xw==",
+      "dependencies": {
+        "tslib": "2.3.0",
+        "zrender": "5.5.0"
+      }
+    },
+    "node_modules/echarts/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+    },
     "node_modules/es6-promise": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz",
@@ -1030,14 +1028,6 @@
         "@types/estree": "^1.0.0"
       }
     },
-    "node_modules/events": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "engines": {
-        "node": ">=0.8.x"
-      }
-    },
     "node_modules/execa": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
@@ -1061,11 +1051,6 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
-    },
     "node_modules/fast-glob": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
@@ -1194,304 +1179,6 @@
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
     },
-    "node_modules/graphology": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/graphology/-/graphology-0.25.4.tgz",
-      "integrity": "sha512-33g0Ol9nkWdD6ulw687viS8YJQBxqG5LWII6FI6nul0pq6iM2t5EKquOTFDbyTblRB3O9I+7KX4xI8u5ffekAQ==",
-      "dependencies": {
-        "events": "^3.3.0",
-        "obliterator": "^2.0.2"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.24.0"
-      }
-    },
-    "node_modules/graphology-assertions": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/graphology-assertions/-/graphology-assertions-2.2.1.tgz",
-      "integrity": "sha512-X6yvm8eYDepIyywDM/K0ud/NDD6I5aZj5+D459z4wZFEtb8B33A4NNPsMpjMNwjNdEo1q4VL1Gqp/usoItEP4g==",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "graphology-utils": "^2.1.2"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.19.0"
-      }
-    },
-    "node_modules/graphology-canvas": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/graphology-canvas/-/graphology-canvas-0.4.2.tgz",
-      "integrity": "sha512-7YJCw/8mMXvFiLP1ujEgpFOM5lmj5/AQG+9H1S/ErFvAQ1eyoLsTK/OzyLJjXzhHsBEl0fF4rN//TDsvuvkfPg==",
-      "dependencies": {
-        "graphology-layout": "0.6.0",
-        "graphology-utils": "^2.0.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.20.0"
-      },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/graphology-canvas/node_modules/graphology-layout": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/graphology-layout/-/graphology-layout-0.6.0.tgz",
-      "integrity": "sha512-QZIminJVOqOFHBOf6qEjcMp0m+BNP4/XqY1jrnJhH+fmUHFtNDdTPSXYhVa8Hr3AN5bOPP1Zte5oY1ZzOyzhvA==",
-      "dependencies": {
-        "graphology-utils": "^2.3.0",
-        "pandemonium": "^1.5.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.19.0"
-      }
-    },
-    "node_modules/graphology-canvas/node_modules/pandemonium": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/pandemonium/-/pandemonium-1.5.0.tgz",
-      "integrity": "sha512-9PU9fy93rJhZHLMjX+4M1RwZPEYl6g7DdWKGmGNhkgBZR5+tOBVExNZc00kzdEGMxbaAvWdQy9MqGAScGwYlcA=="
-    },
-    "node_modules/graphology-communities-louvain": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/graphology-communities-louvain/-/graphology-communities-louvain-2.0.1.tgz",
-      "integrity": "sha512-JxEH8uxao6FcWp3UXNDJIRjU3pamzp9aqIWgpfAqWE66aPwHeBIB39YnqTgbe4baUJRdpbcp1u8jJiYvojHGIQ==",
-      "dependencies": {
-        "graphology-indices": "^0.17.0",
-        "graphology-utils": "^2.4.4",
-        "mnemonist": "^0.39.0",
-        "pandemonium": "^2.3.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.19.0"
-      }
-    },
-    "node_modules/graphology-components": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/graphology-components/-/graphology-components-1.5.4.tgz",
-      "integrity": "sha512-O37vC226wgnN0C6FUWHNe4fbTzaF51CcQjwX3naId/QTzH/PkUtXaanCShj9ws5Vju+z4u3zvSeEZE84Bo9jlA==",
-      "dependencies": {
-        "graphology-indices": "^0.17.0",
-        "graphology-utils": "^2.1.2"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.19.0"
-      }
-    },
-    "node_modules/graphology-generators": {
-      "version": "0.11.2",
-      "resolved": "https://registry.npmjs.org/graphology-generators/-/graphology-generators-0.11.2.tgz",
-      "integrity": "sha512-hx+F0OZRkVdoQ0B1tWrpxoakmHZNex0c6RAoR0PrqJ+6fz/gz6CQ88Qlw78C6yD9nlZVRgepIoDYhRTFV+bEHg==",
-      "dependencies": {
-        "graphology-metrics": "^2.0.0",
-        "graphology-utils": "^2.3.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.19.0"
-      }
-    },
-    "node_modules/graphology-gexf": {
-      "version": "0.10.3",
-      "resolved": "https://registry.npmjs.org/graphology-gexf/-/graphology-gexf-0.10.3.tgz",
-      "integrity": "sha512-w5Hubf7NVwjQqWiiOw1bDzqZTvMulefJvatVknc/+V2A+WQvw2T2BVLkMbFpu7dB8+EMiUNKthzlE4dNRTNZCg==",
-      "dependencies": {
-        "@xmldom/xmldom": "^0.8.3",
-        "graphology-operators": "^1.5.0",
-        "graphology-utils": "^2.4.1",
-        "xml-writer": "^1.7.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.20.0"
-      }
-    },
-    "node_modules/graphology-graphml": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/graphology-graphml/-/graphology-graphml-0.5.2.tgz",
-      "integrity": "sha512-Z9m3amTxszia2dYdtdHJI9gHcbw2gSyCTWRmgsj2dAXMj8VwcoEEWnFPYykqMFw1sIuoQviZueadyE3H02wKOQ==",
-      "dependencies": {
-        "@xmldom/xmldom": "^0.8.3",
-        "graphology-operators": "^1.5.0",
-        "graphology-utils": "^2.4.1",
-        "xml-writer": "^1.7.0"
-      }
-    },
-    "node_modules/graphology-indices": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/graphology-indices/-/graphology-indices-0.17.0.tgz",
-      "integrity": "sha512-A7RXuKQvdqSWOpn7ZVQo4S33O0vCfPBnUSf7FwE0zNCasqwZVUaCXePuWo5HBpWw68KJcwObZDHpFk6HKH6MYQ==",
-      "dependencies": {
-        "graphology-utils": "^2.4.2",
-        "mnemonist": "^0.39.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.20.0"
-      }
-    },
-    "node_modules/graphology-layout": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/graphology-layout/-/graphology-layout-0.6.1.tgz",
-      "integrity": "sha512-m9aMvbd0uDPffUCFPng5ibRkb2pmfNvdKjQWeZrf71RS1aOoat5874+DcyNfMeCT4aQguKC7Lj9eCbqZj/h8Ag==",
-      "dependencies": {
-        "graphology-utils": "^2.3.0",
-        "pandemonium": "^2.4.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.19.0"
-      }
-    },
-    "node_modules/graphology-layout-force": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/graphology-layout-force/-/graphology-layout-force-0.2.4.tgz",
-      "integrity": "sha512-NYZz0YAnDkn5pkm30cvB0IScFoWGtbzJMrqaiH070dYlYJiag12Oc89dbVfaMaVR/w8DMIKxn/ix9Bqj+Umm9Q==",
-      "dependencies": {
-        "graphology-utils": "^2.4.2"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.19.0"
-      }
-    },
-    "node_modules/graphology-layout-forceatlas2": {
-      "version": "0.10.1",
-      "resolved": "https://registry.npmjs.org/graphology-layout-forceatlas2/-/graphology-layout-forceatlas2-0.10.1.tgz",
-      "integrity": "sha512-ogzBeF1FvWzjkikrIFwxhlZXvD2+wlY54lqhsrWprcdPjopM2J9HoMweUmIgwaTvY4bUYVimpSsOdvDv1gPRFQ==",
-      "dependencies": {
-        "graphology-utils": "^2.1.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.19.0"
-      }
-    },
-    "node_modules/graphology-layout-noverlap": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/graphology-layout-noverlap/-/graphology-layout-noverlap-0.4.2.tgz",
-      "integrity": "sha512-13WwZSx96zim6l1dfZONcqLh3oqyRcjIBsqz2c2iJ3ohgs3605IDWjldH41Gnhh462xGB1j6VGmuGhZ2FKISXA==",
-      "dependencies": {
-        "graphology-utils": "^2.3.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.19.0"
-      }
-    },
-    "node_modules/graphology-library": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/graphology-library/-/graphology-library-0.8.0.tgz",
-      "integrity": "sha512-mIzyL2AxUOAi+Q6pr8/xyadMCzCZ8bTZhcGYKR4gk+QIBZQqwiE1gAfCjCSqMj5q7kyBbdCVjrPHi6kAXvu0dw==",
-      "dependencies": {
-        "graphology-assertions": "~2.2.1",
-        "graphology-canvas": "^0.4.1",
-        "graphology-communities-louvain": "~2.0.1",
-        "graphology-components": "~1.5.4",
-        "graphology-generators": "~0.11.2",
-        "graphology-gexf": "~0.10.3",
-        "graphology-graphml": "^0.5.2",
-        "graphology-layout": "~0.6.1",
-        "graphology-layout-force": "~0.2.4",
-        "graphology-layout-forceatlas2": "~0.10.1",
-        "graphology-layout-noverlap": "^0.4.2",
-        "graphology-metrics": "~2.1.0",
-        "graphology-operators": "~1.6.0",
-        "graphology-shortest-path": "~2.0.2",
-        "graphology-simple-path": "^0.2.0",
-        "graphology-svg": "^0.1.3",
-        "graphology-traversal": "^0.3.1",
-        "graphology-utils": "~2.5.2"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.23.0"
-      }
-    },
-    "node_modules/graphology-metrics": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/graphology-metrics/-/graphology-metrics-2.1.0.tgz",
-      "integrity": "sha512-E+y4kgVGxhYl/+bPHEftJeWLS8LgVno4/Wvg+C7IoDIjY6OlIZghgMKDR8LKsxU6GC43mlx08FTZs229cvEkwQ==",
-      "dependencies": {
-        "graphology-shortest-path": "^2.0.0",
-        "graphology-utils": "^2.4.4",
-        "mnemonist": "^0.39.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.20.0"
-      }
-    },
-    "node_modules/graphology-operators": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/graphology-operators/-/graphology-operators-1.6.0.tgz",
-      "integrity": "sha512-yfnVNsFd6plBw7r6Td4luGlNoQn9MKI56EZ/NcFcRmvu/D1R8eWHjpipNUdBjl5MVV8iSW8e/XuY8YsjRDnLoA==",
-      "dependencies": {
-        "graphology-utils": "^2.0.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.20.0"
-      }
-    },
-    "node_modules/graphology-shortest-path": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/graphology-shortest-path/-/graphology-shortest-path-2.0.2.tgz",
-      "integrity": "sha512-hlGvh4Yb1Vmd2J7wT8Q8+t4RQ6Tx+9wRYm0/fZB9PZJ4uW3nml5kJ7yXZ2+JYWT+7wLLmY5mg3o9bLSAWmv/jQ==",
-      "dependencies": {
-        "@yomguithereal/helpers": "^1.1.1",
-        "graphology-indices": "^0.17.0",
-        "graphology-utils": "^2.4.3",
-        "mnemonist": "^0.39.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.20.0"
-      }
-    },
-    "node_modules/graphology-simple-path": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/graphology-simple-path/-/graphology-simple-path-0.2.0.tgz",
-      "integrity": "sha512-4cGMWbVuJM0zlKDUx6dS6JGGLddizDPe8PsTokXVz2eTeHYg07qa5TgwIco15ta2RMM05+xy8N1mFnpS85y0kw==",
-      "dependencies": {
-        "graphology-utils": "^1.8.0",
-        "mnemonist": "^0.39.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.20.0"
-      }
-    },
-    "node_modules/graphology-simple-path/node_modules/graphology-utils": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/graphology-utils/-/graphology-utils-1.8.0.tgz",
-      "integrity": "sha512-Pa7SW30OMm8fVtyH49b3GJ/uxlMHGfXly50wIhlcc7ZoX9ahZa7sPBz+obo4WZClrRV6wh3tIu0GJoI42eao1A==",
-      "peerDependencies": {
-        "graphology-types": ">=0.19.0"
-      }
-    },
-    "node_modules/graphology-svg": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/graphology-svg/-/graphology-svg-0.1.3.tgz",
-      "integrity": "sha512-bvsLnL9pIElvWgr/nPYKsqLWE1VPqG6wTFolmS9DxkAr9256hqzlb1ATfDGn52iyljJb+HTu9z6XMHrfRJ4Ggg==",
-      "dependencies": {
-        "graphology-utils": "^2.3.0"
-      }
-    },
-    "node_modules/graphology-traversal": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/graphology-traversal/-/graphology-traversal-0.3.1.tgz",
-      "integrity": "sha512-lGLrLKEDKtNgAKgHVhVftKf3cb/nuWwuVPQZHXRnN90JWn0RSjco/s+NB2ARSlMapEMlbnPgv6j++427yTnU3Q==",
-      "dependencies": {
-        "graphology-indices": "^0.17.0",
-        "graphology-utils": "^2.0.0"
-      },
-      "peerDependencies": {
-        "graphology-types": ">=0.20.0"
-      }
-    },
-    "node_modules/graphology-types": {
-      "version": "0.24.7",
-      "resolved": "https://registry.npmjs.org/graphology-types/-/graphology-types-0.24.7.tgz",
-      "integrity": "sha512-tdcqOOpwArNjEr0gNQKCXwaNCWnQJrog14nJNQPeemcLnXQUUGrsCWpWkVKt46zLjcS6/KGoayeJfHHyPDlvwA==",
-      "peer": true
-    },
-    "node_modules/graphology-utils": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/graphology-utils/-/graphology-utils-2.5.2.tgz",
-      "integrity": "sha512-ckHg8MXrXJkOARk56ZaSCM1g1Wihe2d6iTmz1enGOz4W/l831MBCKSayeFQfowgF8wd+PQ4rlch/56Vs/VZLDQ==",
-      "peerDependencies": {
-        "graphology-types": ">=0.23.0"
-      }
-    },
     "node_modules/human-signals": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
@@ -1768,14 +1455,6 @@
         "ufo": "^1.3.2"
       }
     },
-    "node_modules/mnemonist": {
-      "version": "0.39.8",
-      "resolved": "https://registry.npmjs.org/mnemonist/-/mnemonist-0.39.8.tgz",
-      "integrity": "sha512-vyWo2K3fjrUw8YeeZ1zF0fy6Mu59RHokURlld8ymdUPjMlD9EC9ov1/YPqTgqRvUN9nTr3Gqfz29LYAmu0PHPQ==",
-      "dependencies": {
-        "obliterator": "^2.0.1"
-      }
-    },
     "node_modules/mri": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
@@ -1845,11 +1524,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/obliterator": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/obliterator/-/obliterator-2.0.4.tgz",
-      "integrity": "sha512-lgHwxlxV1qIg1Eap7LgIeoBWIMFibOjbrYPIPJZcI1mmGAI2m3lNYpK12Y+GBdPQ0U1hRwSord7GIaawz962qQ=="
-    },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -1903,14 +1577,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/pandemonium": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/pandemonium/-/pandemonium-2.4.1.tgz",
-      "integrity": "sha512-wRqjisUyiUfXowgm7MFH2rwJzKIr20rca5FsHXCMNm1W5YPP1hCtrZfgmQ62kP7OZ7Xt+cR858aB28lu5NX55g==",
-      "dependencies": {
-        "mnemonist": "^0.39.2"
-      }
-    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -2252,15 +1918,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/sigma": {
-      "version": "3.0.0-beta.17",
-      "resolved": "https://registry.npmjs.org/sigma/-/sigma-3.0.0-beta.17.tgz",
-      "integrity": "sha512-1kwQnU+OQNc1bbgr10cpGRr8qV9qkqmHKn+ApNwdogM6uUXwPS8HSQzLEVsQzMScugC3k8aSAw1DszAsAHskaA==",
-      "dependencies": {
-        "events": "^3.3.0",
-        "graphology-utils": "^2.5.2"
-      }
-    },
     "node_modules/signal-exit": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
@@ -2364,6 +2021,15 @@
         "svelte": "^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0"
       }
     },
+    "node_modules/svelte-echarts": {
+      "version": "1.0.0-rc1",
+      "resolved": "https://registry.npmjs.org/svelte-echarts/-/svelte-echarts-1.0.0-rc1.tgz",
+      "integrity": "sha512-XNCZXrl5h6TaqV3AlmOYUS1KIH4gcgK4Pn3v4YmmO1lsZ4TUwdv0s+glxpkdQFT9CBnAm48Eq7AXX2sg7whu8w==",
+      "peerDependencies": {
+        "echarts": "^5.0.0",
+        "svelte": "^4.0.0"
+      }
+    },
     "node_modules/svelte-hmr": {
       "version": "0.16.0",
       "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.16.0.tgz",
@@ -2636,14 +2302,6 @@
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
-    "node_modules/xml-writer": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/xml-writer/-/xml-writer-1.7.0.tgz",
-      "integrity": "sha512-elFVMRiV5jb59fbc87zzVa0C01QLBEWP909mRuWqFqrYC5wNTH5QW4AaKMNv7d6zAsuOulkD7wnztZNLQW0Nfg==",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/yaml": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.1.tgz",
@@ -2668,6 +2326,19 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zrender": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.5.0.tgz",
+      "integrity": "sha512-O3MilSi/9mwoovx77m6ROZM7sXShR/O/JIanvzTwjN3FORfLSr81PsUGd7jlaYOeds9d8tw82oP44+3YucVo+w==",
+      "dependencies": {
+        "tslib": "2.3.0"
+      }
+    },
+    "node_modules/zrender/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
     }
   },
   "dependencies": {
@@ -2706,7 +2377,6 @@
       "version": "1.1.110",
       "resolved": "https://registry.npmjs.org/@iconify-json/tabler/-/tabler-1.1.110.tgz",
       "integrity": "sha512-+0TbyNeQpFI2r+bjtbazGrpGskI3c9NTii/6HhWTS+/d5+PiLs6+wWJW0M9AU2ykew7zdMKB2WtyczFyjYzZIQ==",
-      "dev": true,
       "requires": {
         "@iconify/types": "*"
       }
@@ -2714,8 +2384,7 @@
     "@iconify/types": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
-      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
-      "dev": true
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="
     },
     "@iconify/utils": {
       "version": "2.1.23",
@@ -3159,11 +2828,6 @@
       "resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.10.tgz",
       "integrity": "sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA=="
     },
-    "@xmldom/xmldom": {
-      "version": "0.8.10",
-      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.10.tgz",
-      "integrity": "sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw=="
-    },
     "@xyflow/svelte": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/@xyflow/svelte/-/svelte-0.1.3.tgz",
@@ -3189,11 +2853,6 @@
         "d3-zoom": "^3.0.0"
       }
     },
-    "@yomguithereal/helpers": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@yomguithereal/helpers/-/helpers-1.1.1.tgz",
-      "integrity": "sha512-UYvAq/XCA7xoh1juWDYsq3W0WywOB+pz8cgVnE1b45ZfdMhBvHDrgmSFG3jXeZSr2tMTYLGHFHON+ekG05Jebg=="
-    },
     "acorn": {
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
@@ -3420,6 +3079,22 @@
       "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
       "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA=="
     },
+    "echarts": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.5.0.tgz",
+      "integrity": "sha512-rNYnNCzqDAPCr4m/fqyUFv7fD9qIsd50S6GDFgO1DxZhncCsNsG7IfUlAlvZe5oSEQxtsjnHiUuppzccry93Xw==",
+      "requires": {
+        "tslib": "2.3.0",
+        "zrender": "5.5.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+          "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+        }
+      }
+    },
     "es6-promise": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz",
@@ -3464,11 +3139,6 @@
         "@types/estree": "^1.0.0"
       }
     },
-    "events": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="
-    },
     "execa": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
@@ -3486,11 +3156,6 @@
         "strip-final-newline": "^3.0.0"
       }
     },
-    "fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
-    },
     "fast-glob": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
@@ -3582,242 +3247,6 @@
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
     },
-    "graphology": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/graphology/-/graphology-0.25.4.tgz",
-      "integrity": "sha512-33g0Ol9nkWdD6ulw687viS8YJQBxqG5LWII6FI6nul0pq6iM2t5EKquOTFDbyTblRB3O9I+7KX4xI8u5ffekAQ==",
-      "requires": {
-        "events": "^3.3.0",
-        "obliterator": "^2.0.2"
-      }
-    },
-    "graphology-assertions": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/graphology-assertions/-/graphology-assertions-2.2.1.tgz",
-      "integrity": "sha512-X6yvm8eYDepIyywDM/K0ud/NDD6I5aZj5+D459z4wZFEtb8B33A4NNPsMpjMNwjNdEo1q4VL1Gqp/usoItEP4g==",
-      "requires": {
-        "fast-deep-equal": "^3.1.3",
-        "graphology-utils": "^2.1.2"
-      }
-    },
-    "graphology-canvas": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/graphology-canvas/-/graphology-canvas-0.4.2.tgz",
-      "integrity": "sha512-7YJCw/8mMXvFiLP1ujEgpFOM5lmj5/AQG+9H1S/ErFvAQ1eyoLsTK/OzyLJjXzhHsBEl0fF4rN//TDsvuvkfPg==",
-      "requires": {
-        "graphology-layout": "0.6.0",
-        "graphology-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "graphology-layout": {
-          "version": "0.6.0",
-          "resolved": "https://registry.npmjs.org/graphology-layout/-/graphology-layout-0.6.0.tgz",
-          "integrity": "sha512-QZIminJVOqOFHBOf6qEjcMp0m+BNP4/XqY1jrnJhH+fmUHFtNDdTPSXYhVa8Hr3AN5bOPP1Zte5oY1ZzOyzhvA==",
-          "requires": {
-            "graphology-utils": "^2.3.0",
-            "pandemonium": "^1.5.0"
-          }
-        },
-        "pandemonium": {
-          "version": "1.5.0",
-          "resolved": "https://registry.npmjs.org/pandemonium/-/pandemonium-1.5.0.tgz",
-          "integrity": "sha512-9PU9fy93rJhZHLMjX+4M1RwZPEYl6g7DdWKGmGNhkgBZR5+tOBVExNZc00kzdEGMxbaAvWdQy9MqGAScGwYlcA=="
-        }
-      }
-    },
-    "graphology-communities-louvain": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/graphology-communities-louvain/-/graphology-communities-louvain-2.0.1.tgz",
-      "integrity": "sha512-JxEH8uxao6FcWp3UXNDJIRjU3pamzp9aqIWgpfAqWE66aPwHeBIB39YnqTgbe4baUJRdpbcp1u8jJiYvojHGIQ==",
-      "requires": {
-        "graphology-indices": "^0.17.0",
-        "graphology-utils": "^2.4.4",
-        "mnemonist": "^0.39.0",
-        "pandemonium": "^2.3.0"
-      }
-    },
-    "graphology-components": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/graphology-components/-/graphology-components-1.5.4.tgz",
-      "integrity": "sha512-O37vC226wgnN0C6FUWHNe4fbTzaF51CcQjwX3naId/QTzH/PkUtXaanCShj9ws5Vju+z4u3zvSeEZE84Bo9jlA==",
-      "requires": {
-        "graphology-indices": "^0.17.0",
-        "graphology-utils": "^2.1.2"
-      }
-    },
-    "graphology-generators": {
-      "version": "0.11.2",
-      "resolved": "https://registry.npmjs.org/graphology-generators/-/graphology-generators-0.11.2.tgz",
-      "integrity": "sha512-hx+F0OZRkVdoQ0B1tWrpxoakmHZNex0c6RAoR0PrqJ+6fz/gz6CQ88Qlw78C6yD9nlZVRgepIoDYhRTFV+bEHg==",
-      "requires": {
-        "graphology-metrics": "^2.0.0",
-        "graphology-utils": "^2.3.0"
-      }
-    },
-    "graphology-gexf": {
-      "version": "0.10.3",
-      "resolved": "https://registry.npmjs.org/graphology-gexf/-/graphology-gexf-0.10.3.tgz",
-      "integrity": "sha512-w5Hubf7NVwjQqWiiOw1bDzqZTvMulefJvatVknc/+V2A+WQvw2T2BVLkMbFpu7dB8+EMiUNKthzlE4dNRTNZCg==",
-      "requires": {
-        "@xmldom/xmldom": "^0.8.3",
-        "graphology-operators": "^1.5.0",
-        "graphology-utils": "^2.4.1",
-        "xml-writer": "^1.7.0"
-      }
-    },
-    "graphology-graphml": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/graphology-graphml/-/graphology-graphml-0.5.2.tgz",
-      "integrity": "sha512-Z9m3amTxszia2dYdtdHJI9gHcbw2gSyCTWRmgsj2dAXMj8VwcoEEWnFPYykqMFw1sIuoQviZueadyE3H02wKOQ==",
-      "requires": {
-        "@xmldom/xmldom": "^0.8.3",
-        "graphology-operators": "^1.5.0",
-        "graphology-utils": "^2.4.1",
-        "xml-writer": "^1.7.0"
-      }
-    },
-    "graphology-indices": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/graphology-indices/-/graphology-indices-0.17.0.tgz",
-      "integrity": "sha512-A7RXuKQvdqSWOpn7ZVQo4S33O0vCfPBnUSf7FwE0zNCasqwZVUaCXePuWo5HBpWw68KJcwObZDHpFk6HKH6MYQ==",
-      "requires": {
-        "graphology-utils": "^2.4.2",
-        "mnemonist": "^0.39.0"
-      }
-    },
-    "graphology-layout": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/graphology-layout/-/graphology-layout-0.6.1.tgz",
-      "integrity": "sha512-m9aMvbd0uDPffUCFPng5ibRkb2pmfNvdKjQWeZrf71RS1aOoat5874+DcyNfMeCT4aQguKC7Lj9eCbqZj/h8Ag==",
-      "requires": {
-        "graphology-utils": "^2.3.0",
-        "pandemonium": "^2.4.0"
-      }
-    },
-    "graphology-layout-force": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/graphology-layout-force/-/graphology-layout-force-0.2.4.tgz",
-      "integrity": "sha512-NYZz0YAnDkn5pkm30cvB0IScFoWGtbzJMrqaiH070dYlYJiag12Oc89dbVfaMaVR/w8DMIKxn/ix9Bqj+Umm9Q==",
-      "requires": {
-        "graphology-utils": "^2.4.2"
-      }
-    },
-    "graphology-layout-forceatlas2": {
-      "version": "0.10.1",
-      "resolved": "https://registry.npmjs.org/graphology-layout-forceatlas2/-/graphology-layout-forceatlas2-0.10.1.tgz",
-      "integrity": "sha512-ogzBeF1FvWzjkikrIFwxhlZXvD2+wlY54lqhsrWprcdPjopM2J9HoMweUmIgwaTvY4bUYVimpSsOdvDv1gPRFQ==",
-      "requires": {
-        "graphology-utils": "^2.1.0"
-      }
-    },
-    "graphology-layout-noverlap": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/graphology-layout-noverlap/-/graphology-layout-noverlap-0.4.2.tgz",
-      "integrity": "sha512-13WwZSx96zim6l1dfZONcqLh3oqyRcjIBsqz2c2iJ3ohgs3605IDWjldH41Gnhh462xGB1j6VGmuGhZ2FKISXA==",
-      "requires": {
-        "graphology-utils": "^2.3.0"
-      }
-    },
-    "graphology-library": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/graphology-library/-/graphology-library-0.8.0.tgz",
-      "integrity": "sha512-mIzyL2AxUOAi+Q6pr8/xyadMCzCZ8bTZhcGYKR4gk+QIBZQqwiE1gAfCjCSqMj5q7kyBbdCVjrPHi6kAXvu0dw==",
-      "requires": {
-        "graphology-assertions": "~2.2.1",
-        "graphology-canvas": "^0.4.1",
-        "graphology-communities-louvain": "~2.0.1",
-        "graphology-components": "~1.5.4",
-        "graphology-generators": "~0.11.2",
-        "graphology-gexf": "~0.10.3",
-        "graphology-graphml": "^0.5.2",
-        "graphology-layout": "~0.6.1",
-        "graphology-layout-force": "~0.2.4",
-        "graphology-layout-forceatlas2": "~0.10.1",
-        "graphology-layout-noverlap": "^0.4.2",
-        "graphology-metrics": "~2.1.0",
-        "graphology-operators": "~1.6.0",
-        "graphology-shortest-path": "~2.0.2",
-        "graphology-simple-path": "^0.2.0",
-        "graphology-svg": "^0.1.3",
-        "graphology-traversal": "^0.3.1",
-        "graphology-utils": "~2.5.2"
-      }
-    },
-    "graphology-metrics": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/graphology-metrics/-/graphology-metrics-2.1.0.tgz",
-      "integrity": "sha512-E+y4kgVGxhYl/+bPHEftJeWLS8LgVno4/Wvg+C7IoDIjY6OlIZghgMKDR8LKsxU6GC43mlx08FTZs229cvEkwQ==",
-      "requires": {
-        "graphology-shortest-path": "^2.0.0",
-        "graphology-utils": "^2.4.4",
-        "mnemonist": "^0.39.0"
-      }
-    },
-    "graphology-operators": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/graphology-operators/-/graphology-operators-1.6.0.tgz",
-      "integrity": "sha512-yfnVNsFd6plBw7r6Td4luGlNoQn9MKI56EZ/NcFcRmvu/D1R8eWHjpipNUdBjl5MVV8iSW8e/XuY8YsjRDnLoA==",
-      "requires": {
-        "graphology-utils": "^2.0.0"
-      }
-    },
-    "graphology-shortest-path": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/graphology-shortest-path/-/graphology-shortest-path-2.0.2.tgz",
-      "integrity": "sha512-hlGvh4Yb1Vmd2J7wT8Q8+t4RQ6Tx+9wRYm0/fZB9PZJ4uW3nml5kJ7yXZ2+JYWT+7wLLmY5mg3o9bLSAWmv/jQ==",
-      "requires": {
-        "@yomguithereal/helpers": "^1.1.1",
-        "graphology-indices": "^0.17.0",
-        "graphology-utils": "^2.4.3",
-        "mnemonist": "^0.39.0"
-      }
-    },
-    "graphology-simple-path": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/graphology-simple-path/-/graphology-simple-path-0.2.0.tgz",
-      "integrity": "sha512-4cGMWbVuJM0zlKDUx6dS6JGGLddizDPe8PsTokXVz2eTeHYg07qa5TgwIco15ta2RMM05+xy8N1mFnpS85y0kw==",
-      "requires": {
-        "graphology-utils": "^1.8.0",
-        "mnemonist": "^0.39.0"
-      },
-      "dependencies": {
-        "graphology-utils": {
-          "version": "1.8.0",
-          "resolved": "https://registry.npmjs.org/graphology-utils/-/graphology-utils-1.8.0.tgz",
-          "integrity": "sha512-Pa7SW30OMm8fVtyH49b3GJ/uxlMHGfXly50wIhlcc7ZoX9ahZa7sPBz+obo4WZClrRV6wh3tIu0GJoI42eao1A==",
-          "requires": {}
-        }
-      }
-    },
-    "graphology-svg": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/graphology-svg/-/graphology-svg-0.1.3.tgz",
-      "integrity": "sha512-bvsLnL9pIElvWgr/nPYKsqLWE1VPqG6wTFolmS9DxkAr9256hqzlb1ATfDGn52iyljJb+HTu9z6XMHrfRJ4Ggg==",
-      "requires": {
-        "graphology-utils": "^2.3.0"
-      }
-    },
-    "graphology-traversal": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/graphology-traversal/-/graphology-traversal-0.3.1.tgz",
-      "integrity": "sha512-lGLrLKEDKtNgAKgHVhVftKf3cb/nuWwuVPQZHXRnN90JWn0RSjco/s+NB2ARSlMapEMlbnPgv6j++427yTnU3Q==",
-      "requires": {
-        "graphology-indices": "^0.17.0",
-        "graphology-utils": "^2.0.0"
-      }
-    },
-    "graphology-types": {
-      "version": "0.24.7",
-      "resolved": "https://registry.npmjs.org/graphology-types/-/graphology-types-0.24.7.tgz",
-      "integrity": "sha512-tdcqOOpwArNjEr0gNQKCXwaNCWnQJrog14nJNQPeemcLnXQUUGrsCWpWkVKt46zLjcS6/KGoayeJfHHyPDlvwA==",
-      "peer": true
-    },
-    "graphology-utils": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/graphology-utils/-/graphology-utils-2.5.2.tgz",
-      "integrity": "sha512-ckHg8MXrXJkOARk56ZaSCM1g1Wihe2d6iTmz1enGOz4W/l831MBCKSayeFQfowgF8wd+PQ4rlch/56Vs/VZLDQ==",
-      "requires": {}
-    },
     "human-signals": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
@@ -4025,14 +3454,6 @@
         "ufo": "^1.3.2"
       }
     },
-    "mnemonist": {
-      "version": "0.39.8",
-      "resolved": "https://registry.npmjs.org/mnemonist/-/mnemonist-0.39.8.tgz",
-      "integrity": "sha512-vyWo2K3fjrUw8YeeZ1zF0fy6Mu59RHokURlld8ymdUPjMlD9EC9ov1/YPqTgqRvUN9nTr3Gqfz29LYAmu0PHPQ==",
-      "requires": {
-        "obliterator": "^2.0.1"
-      }
-    },
     "mri": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
@@ -4074,11 +3495,6 @@
         }
       }
     },
-    "obliterator": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/obliterator/-/obliterator-2.0.4.tgz",
-      "integrity": "sha512-lgHwxlxV1qIg1Eap7LgIeoBWIMFibOjbrYPIPJZcI1mmGAI2m3lNYpK12Y+GBdPQ0U1hRwSord7GIaawz962qQ=="
-    },
     "once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -4114,14 +3530,6 @@
         "p-limit": "^3.0.2"
       }
     },
-    "pandemonium": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/pandemonium/-/pandemonium-2.4.1.tgz",
-      "integrity": "sha512-wRqjisUyiUfXowgm7MFH2rwJzKIr20rca5FsHXCMNm1W5YPP1hCtrZfgmQ62kP7OZ7Xt+cR858aB28lu5NX55g==",
-      "requires": {
-        "mnemonist": "^0.39.2"
-      }
-    },
     "parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -4334,15 +3742,6 @@
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true
     },
-    "sigma": {
-      "version": "3.0.0-beta.17",
-      "resolved": "https://registry.npmjs.org/sigma/-/sigma-3.0.0-beta.17.tgz",
-      "integrity": "sha512-1kwQnU+OQNc1bbgr10cpGRr8qV9qkqmHKn+ApNwdogM6uUXwPS8HSQzLEVsQzMScugC3k8aSAw1DszAsAHskaA==",
-      "requires": {
-        "events": "^3.3.0",
-        "graphology-utils": "^2.5.2"
-      }
-    },
     "signal-exit": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
@@ -4416,6 +3815,12 @@
         "typescript": "^5.0.3"
       }
     },
+    "svelte-echarts": {
+      "version": "1.0.0-rc1",
+      "resolved": "https://registry.npmjs.org/svelte-echarts/-/svelte-echarts-1.0.0-rc1.tgz",
+      "integrity": "sha512-XNCZXrl5h6TaqV3AlmOYUS1KIH4gcgK4Pn3v4YmmO1lsZ4TUwdv0s+glxpkdQFT9CBnAm48Eq7AXX2sg7whu8w==",
+      "requires": {}
+    },
     "svelte-hmr": {
       "version": "0.16.0",
       "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.16.0.tgz",
@@ -4534,11 +3939,6 @@
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
-    "xml-writer": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/xml-writer/-/xml-writer-1.7.0.tgz",
-      "integrity": "sha512-elFVMRiV5jb59fbc87zzVa0C01QLBEWP909mRuWqFqrYC5wNTH5QW4AaKMNv7d6zAsuOulkD7wnztZNLQW0Nfg=="
-    },
     "yaml": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.1.tgz",
@@ -4551,6 +3951,21 @@
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
       "dev": true
+    },
+    "zrender": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.5.0.tgz",
+      "integrity": "sha512-O3MilSi/9mwoovx77m6ROZM7sXShR/O/JIanvzTwjN3FORfLSr81PsUGd7jlaYOeds9d8tw82oP44+3YucVo+w==",
+      "requires": {
+        "tslib": "2.3.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+          "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+        }
+      }
     }
   }
 }

web/package.json

@@ -10,7 +10,6 @@
     "check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "devDependencies": {
-    "@iconify-json/tabler": "^1.1.110",
     "@sveltejs/vite-plugin-svelte": "^3.0.2",
     "@tsconfig/svelte": "^5.0.4",
     "sass": "^1.77.2",
@@ -22,12 +21,12 @@
     "vite": "^5.2.8"
   },
   "dependencies": {
+    "@iconify-json/tabler": "^1.1.110",
     "@popperjs/core": "^2.11.8",
     "@xyflow/svelte": "^0.1.3",
     "bootstrap": "^5.3.3",
+    "echarts": "^5.5.0",
     "fuse.js": "^7.0.0",
-    "graphology": "^0.25.4",
-    "graphology-library": "^0.8.0",
-    "sigma": "^3.0.0-beta.17"
+    "svelte-echarts": "^1.0.0-rc1"
   }
 }

web/src/LynxKiteFlow.svelte

@@ -16,7 +16,7 @@
   } from '@xyflow/svelte';
   import NodeWithParams from './NodeWithParams.svelte';
   import NodeWithParamsVertical from './NodeWithParamsVertical.svelte';
-  import NodeWithGraphView from './NodeWithGraphView.svelte';
+  import NodeWithVisualization from './NodeWithVisualization.svelte';
   import NodeWithTableView from './NodeWithTableView.svelte';
   import NodeWithSubFlow from './NodeWithSubFlow.svelte';
   import NodeWithArea from './NodeWithArea.svelte';
@@ -28,7 +28,7 @@
   const nodeTypes: NodeTypes = {
     basic: NodeWithParams,
     vertical: NodeWithParamsVertical,
-    graph_view: NodeWithGraphView,
+    visualization: NodeWithVisualization,
     table_view: NodeWithTableView,
     sub_flow: NodeWithSubFlow,
     area: NodeWithArea,

web/src/NodeWithGraphView.svelte

@@ -1,42 +0,0 @@
-<script lang="ts">
-  import { type NodeProps, useSvelteFlow } from '@xyflow/svelte';
-  import Sigma from 'sigma';
-  import * as graphology from 'graphology';
-  import * as graphologyLibrary from 'graphology-library';
-  import LynxKiteNode from './LynxKiteNode.svelte';
-  type $$Props = NodeProps;
-  const { updateNodeData } = useSvelteFlow();
-  export let id: $$Props['id'];
-  export let data: $$Props['data'];
-  let sigmaCanvas: HTMLElement;
-  let sigmaInstance: Sigma;
-
-  $: if (sigmaCanvas) sigmaInstance = new Sigma(new graphology.Graph(), sigmaCanvas);
-  $: if (sigmaInstance && data.view) {
-    // Graphology will modify this in place, so we make a copy.
-    const view = JSON.parse(JSON.stringify(data.view));
-    const graph = graphology.Graph.from(view);
-    graphologyLibrary.layout.random.assign(graph);
-    const settings = graphologyLibrary.layoutForceAtlas2.inferSettings(graph);
-    graphologyLibrary.layoutForceAtlas2.assign(graph, { iterations: 10, settings });
-    graphologyLibrary.layoutNoverlap.assign(graph, { settings: { ratio: 3 } });
-    sigmaInstance.graph = graph;
-    sigmaInstance.refresh();
-  }
-</script>
-
-<LynxKiteNode {...$$props}>
-  {#if data.view}
-    <label>Color by
-      <select on:change={(evt) => updateNodeData(id, { params: { ...data.params, color_nodes_by: evt.currentTarget.value } })}>
-        <option value="">nothing</option>
-        {#each data.view.node_attributes as attr}
-          <option value={attr} selected={attr === data.params.color_nodes_by}>{attr}</option>
-        {/each}
-    </select></label>
-  {/if}
-  <div bind:this={sigmaCanvas} style="height: 200px; width: 200px;" >
-  </div>
-</LynxKiteNode>
-<style>
-</style>

web/src/NodeWithParams.svelte

@@ -20,4 +20,5 @@
       onChange={(newValue) => updateNodeData(id, { params: { ...data.params, [name]: newValue } })}
       />
   {/each}
+  <slot />
 </LynxKiteNode>

web/src/NodeWithVisualization.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { type NodeProps } from '@xyflow/svelte';
+  import NodeWithParams from './NodeWithParams.svelte';
+  import { Chart } from 'svelte-echarts';
+  import { init } from 'echarts';
+  type $$Props = NodeProps;
+  export let data: $$Props['data'];
+</script>
+
+<NodeWithParams {...$$props}>
+  <Chart {init} options={data.view} style="width: 250px; height: 250px" />
+</NodeWithParams>
+<style>
+</style>