feat: Switch to fCose layout

Author: mstimberg

graph.js

@@ -39,12 +39,13 @@ function selectionChanged() {
 
 function layoutNodes() {
     cy_layout = cy.layout({
-        name: "cola",
+        name: "fcose",
         animate: "end",
         padding: 50,
         avoidOverlap: true,
         nodeDimensionsIncludeLabels: true,
         centerGraph: false,
+        numIter: 10000,
     });
     cy_layout.run();
 }

index.html

@@ -6,8 +6,9 @@
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
         <link rel="stylesheet" type="text/css" href="assets/style.css">
         <script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/3.28.1/cytoscape.min.js"></script>
-        <script src="https://unpkg.com/webcola@3.3.8/WebCola/cola.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/cytoscape-cola@2.5.1/cytoscape-cola.min.js"></script>
+        <script src="https://unpkg.com/layout-base/layout-base.js"></script>
+        <script src="https://unpkg.com/cose-base/cose-base.js"></script>
+        <script src="https://unpkg.com/cytoscape-fcose/cytoscape-fcose.js"></script>
         <script src="graph.js"></script>
         <script src="table.js"></script>
         <script src="index.js"></script>