From 8c49cd69e2d4c8576b6df667d193bd844136e68a Mon Sep 17 00:00:00 2001
From: Wengang Zhang <wengang.zh@gmail.com>
Date: Thu, 29 Feb 2024 16:44:04 -0500
Subject: [PATCH] clusters from curated clusters

---
 assets/interactive_KCNQ1_clusters.html        | 127 ------------------
 .../interactive_KCNQ1_clusters_curated.html   | 127 ++++++++++++++++++
 ...=> interactive_LDLR_clusters_curated.html} |  44 +++---
 assets/interactive_SCN5A_clusters.html        | 127 ------------------
 .../interactive_SCN5A_clusters_curated.html   | 127 ++++++++++++++++++
 ...=> interactive_TSC1_clusters_curated.html} |  44 +++---
 assets/interactive_USH2A_clusters.html        | 127 ------------------
 .../interactive_USH2A_clusters_curated.html   | 127 ++++++++++++++++++
 8 files changed, 425 insertions(+), 425 deletions(-)
 delete mode 100644 assets/interactive_KCNQ1_clusters.html
 create mode 100644 assets/interactive_KCNQ1_clusters_curated.html
 rename assets/{interactive_LDLR_clusters.html => interactive_LDLR_clusters_curated.html} (55%)
 delete mode 100644 assets/interactive_SCN5A_clusters.html
 create mode 100644 assets/interactive_SCN5A_clusters_curated.html
 rename assets/{interactive_TSC1_clusters.html => interactive_TSC1_clusters_curated.html} (78%)
 delete mode 100644 assets/interactive_USH2A_clusters.html
 create mode 100644 assets/interactive_USH2A_clusters_curated.html
diff --git a/assets/interactive_KCNQ1_clusters.html b/assets/interactive_KCNQ1_clusters.html
deleted file mode 100644
index c4b0077..0000000
--- a/assets/interactive_KCNQ1_clusters.html
+++ /dev/null
@@ -1,127 +0,0 @@
-<html>
-    <head>
-        <meta charset="utf-8">
-
-            <script src="lib/bindings/utils.js"></script>
-            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/dist/vis-network.min.css" integrity="sha512-WgxfT5LWjfszlPHXRmBWHkV2eceiWTOBvrKCNbdgDYTHrT2AeLCGbF4sZlZw3UMN3WtL0tGUoIAKsu8mllg/XA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-            <script src="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/vis-network.min.js" integrity="sha512-LnvoEWDFrqGHlHmDD2101OrLcbsfkrzoSpvtSQtxK3RMnRV0eOkhhBN2dXHKRrUU8p2DGRTk35n4O8nWSVe1mQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
-
-<center>
-<h1></h1>
-</center>
-
-<!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
-<script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
-        <link
-          href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css"
-          rel="stylesheet"
-          integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
-          crossorigin="anonymous"
-        />
-        <script
-          src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
-          integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
-          crossorigin="anonymous"
-        ></script>
-
-
-        <center>
-          <h1></h1>
-        </center>
-        <style type="text/css">
-
-             #mynetwork {
-                 width: 100%;
-                 height: 1000px;
-                 background-color: #ffffff;
-                 border: 1px solid lightgray;
-                 position: relative;
-                 float: left;
-             }
-
-
-
-
-
-
-        </style>
-    </head>
-
-
-    <body>
-        <div class="card" style="width: 100%">
-
-
-            <div id="mynetwork" class="card-body"></div>
-        </div>
-
-
-
-
-        <script type="text/javascript">
-
-              // initialize global variables.
-              var edges;
-              var nodes;
-              var allNodes;
-              var allEdges;
-              var nodeColors;
-              var originalNodes;
-              var network;
-              var container;
-              var options, data;
-              var filter = {
-                  item : '',
-                  property : '',
-                  value : []
-              };
-
-
-
-
-
-              // This method is responsible for drawing the graph, returns the drawn network
-              function drawGraph() {
-                  var container = document.getElementById('mynetwork');
-
-
-
-                  // parsing and collecting nodes and edges from the python
-                  nodes = new vis.DataSet([{"color": "lightgrey", "id": 0, "label": "Hearing impairment", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 1, "label": "Cardiovascular phenotype", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 2, "label": "Jervell and Lange-Nielsen syndrome", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 3, "label": "SUDDEN INFANT DEATH SYNDROME", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 4, "label": "Jervell and Lange-Nielsen syndrome 1", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 5, "label": "Long QT syndrome 1/2, digenic", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 6, "label": "not specified", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 7, "label": "Short QT syndrome type 2", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 8, "label": "See cases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 9, "label": "Beckwith-Wiedemann syndrome", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 10, "label": "Abnormal nostril morphology", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 11, "label": "Decreased fetal movement", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 12, "label": "Cardiac arrhythmia", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 13, "label": "Conduction disorder of the heart", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 14, "label": "Generalized hypotonia", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 15, "label": "Inborn genetic diseases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 16, "label": "Secondary microcephaly", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 17, "label": "Short QT syndrome", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 18, "label": "Wolff-Parkinson-White pattern", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 19, "label": "Cardiomyopathy", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 20, "label": "High palate", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 21, "label": "Rare genetic deafness", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 22, "label": "Enlarged naris", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 23, "label": "Primary microcephaly", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 24, "label": "Hypertrophic cardiomyopathy", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 25, "label": "Prolonged QT interval", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 26, "label": "Abnormality of the cardiovascular system", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 27, "label": "KCNQ1-related condition", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 28, "label": "Torsades de pointes", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 29, "label": "Atrial fibrillation, familial, 3", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 30, "label": "not provided", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 31, "label": "Familial atrial fibrillation", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 32, "label": "Generalized neonatal hypotonia", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 33, "label": "Abnormal cerebral white matter morphology", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 34, "label": "Diffuse white matter abnormalities", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 35, "label": "Recurrent spontaneous abortion", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 36, "label": "Neonatal hypotonia", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 37, "label": "KCNQ1-Related Disorders", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 38, "label": "Autosomal dominant KCNQ1-related disease", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 39, "label": "Toe clinodactyly", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 40, "label": "Polyhydramnios", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 41, "label": "Atrial fibrillation", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 42, "label": "Ventricular fibrillation", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 43, "label": "Ear malformation", "shape": "dot", "size": 20}, {"color": "lightblue", "id": "A", "label": "Group A", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 44, "label": "Long QT syndrome 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 45, "label": "Long QT syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 46, "label": "Acquired susceptibility to long QT syndrome 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 47, "label": "Long QT syndrome 1, recessive", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 48, "label": "Congenital long QT syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 49, "label": "Long QT syndrome 2", "shape": "dot", "size": 40}]);
-                  edges = new vis.DataSet([{"from": "A", "to": 44}, {"from": "A", "to": 45}, {"from": "A", "to": 46}, {"from": "A", "to": 47}, {"from": "A", "to": 48}, {"from": "A", "to": 49}]);
-
-                  nodeColors = {};
-                  allNodes = nodes.get({ returnType: "Object" });
-                  for (nodeId in allNodes) {
-                    nodeColors[nodeId] = allNodes[nodeId].color;
-                  }
-                  allEdges = edges.get({ returnType: "Object" });
-                  // adding nodes and edges to the graph
-                  data = {nodes: nodes, edges: edges};
-
-                  var options = {"nodes": {"font": {"size": 36}}, "edges": {"color": {"inherit": true}, "smooth": false}, "physics": {"forceAtlas2Based": {"gravitationalConstant": -250, "centralGravity": 0.005, "springLength": 230, "springConstant": 0.18}, "maxVelocity": 146, "solver": "forceAtlas2Based", "timestep": 0.35, "stabilization": {"iterations": 150}}};
-
-
-
-
-
-
-                  network = new vis.Network(container, data, options);
-
-
-
-
-
-
-
-
-
-
-                  return network;
-
-              }
-              drawGraph();
-        </script>
-    </body>
-</html>
diff --git a/assets/interactive_KCNQ1_clusters_curated.html b/assets/interactive_KCNQ1_clusters_curated.html
new file mode 100644
index 0000000..b179397
--- /dev/null
+++ b/assets/interactive_KCNQ1_clusters_curated.html
@@ -0,0 +1,127 @@
+<html>
+    <head>
+        <meta charset="utf-8">
+        
+            <script src="lib/bindings/utils.js"></script>
+            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/dist/vis-network.min.css" integrity="sha512-WgxfT5LWjfszlPHXRmBWHkV2eceiWTOBvrKCNbdgDYTHrT2AeLCGbF4sZlZw3UMN3WtL0tGUoIAKsu8mllg/XA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/vis-network.min.js" integrity="sha512-LnvoEWDFrqGHlHmDD2101OrLcbsfkrzoSpvtSQtxK3RMnRV0eOkhhBN2dXHKRrUU8p2DGRTk35n4O8nWSVe1mQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+            
+        
+<center>
+<h1></h1>
+</center>
+
+<!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
+<script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
+        <link
+          href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css"
+          rel="stylesheet"
+          integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
+          crossorigin="anonymous"
+        />
+        <script
+          src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
+          integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
+          crossorigin="anonymous"
+        ></script>
+
+
+        <center>
+          <h1></h1>
+        </center>
+        <style type="text/css">
+
+             #mynetwork {
+                 width: 100%;
+                 height: 1000px;
+                 background-color: #ffffff;
+                 border: 1px solid lightgray;
+                 position: relative;
+                 float: left;
+             }
+
+             
+
+             
+
+             
+        </style>
+    </head>
+
+
+    <body>
+        <div class="card" style="width: 100%">
+            
+            
+            <div id="mynetwork" class="card-body"></div>
+        </div>
+
+        
+        
+
+        <script type="text/javascript">
+
+              // initialize global variables.
+              var edges;
+              var nodes;
+              var allNodes;
+              var allEdges;
+              var nodeColors;
+              var originalNodes;
+              var network;
+              var container;
+              var options, data;
+              var filter = {
+                  item : '',
+                  property : '',
+                  value : []
+              };
+
+              
+
+              
+
+              // This method is responsible for drawing the graph, returns the drawn network
+              function drawGraph() {
+                  var container = document.getElementById('mynetwork');
+
+                  
+
+                  // parsing and collecting nodes and edges from the python
+                  nodes = new vis.DataSet([{"color": "lightgrey", "id": 0, "label": "Hearing impairment", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 1, "label": "Cardiovascular phenotype", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 2, "label": "SUDDEN INFANT DEATH SYNDROME", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 3, "label": "not specified", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 4, "label": "See cases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 5, "label": "Beckwith-Wiedemann syndrome", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 6, "label": "Abnormal nostril morphology", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 7, "label": "Decreased fetal movement", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 8, "label": "Cardiac arrhythmia", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 9, "label": "Conduction disorder of the heart", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 10, "label": "Inborn genetic diseases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 11, "label": "Secondary microcephaly", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 12, "label": "Wolff-Parkinson-White pattern", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 13, "label": "Cardiomyopathy", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 14, "label": "High palate", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 15, "label": "Rare genetic deafness", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 16, "label": "Enlarged naris", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 17, "label": "Primary microcephaly", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 18, "label": "Hypertrophic cardiomyopathy", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 19, "label": "Prolonged QT interval", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 20, "label": "Abnormality of the cardiovascular system", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 21, "label": "Torsades de pointes", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 22, "label": "not provided", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 23, "label": "Abnormal cerebral white matter morphology", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 24, "label": "Diffuse white matter abnormalities", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 25, "label": "Recurrent spontaneous abortion", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 26, "label": "Toe clinodactyly", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 27, "label": "Polyhydramnios", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 28, "label": "Ear malformation", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 29, "label": "Long QT syndrome 1/2, digenic", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 30, "label": "Long QT syndrome 2", "shape": "dot", "size": 20}, {"color": "lightblue", "id": "A", "label": "Group A", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 31, "label": "Long QT syndrome 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 32, "label": "Long QT syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 33, "label": "Acquired susceptibility to long QT syndrome 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 34, "label": "Congenital long QT syndrome", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "B", "label": "Group B", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 35, "label": "Generalized hypotonia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 36, "label": "Generalized neonatal hypotonia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 37, "label": "Neonatal hypotonia", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "C", "label": "Group C", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 38, "label": "KCNQ1-related condition", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 39, "label": "KCNQ1-Related Disorders", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 40, "label": "Autosomal dominant KCNQ1-related disease", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "D", "label": "Group D", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 41, "label": "Atrial fibrillation, familial, 3", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 42, "label": "Familial atrial fibrillation", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 43, "label": "Atrial fibrillation", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 44, "label": "Ventricular fibrillation", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "E", "label": "Group E", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 45, "label": "Long QT syndrome 1, recessive", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 46, "label": "Jervell and Lange-Nielsen syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 47, "label": "Jervell and Lange-Nielsen syndrome 1", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "F", "label": "Group F", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 48, "label": "Short QT syndrome type 2", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 49, "label": "Short QT syndrome", "shape": "dot", "size": 40}]);
+                  edges = new vis.DataSet([{"from": "A", "to": 31}, {"from": "A", "to": 32}, {"from": "A", "to": 33}, {"from": "A", "to": 34}, {"from": "B", "to": 35}, {"from": "B", "to": 36}, {"from": "B", "to": 37}, {"from": "C", "to": 38}, {"from": "C", "to": 39}, {"from": "C", "to": 40}, {"from": "D", "to": 41}, {"from": "D", "to": 42}, {"from": "D", "to": 43}, {"from": "D", "to": 44}, {"from": "E", "to": 45}, {"from": "E", "to": 46}, {"from": "E", "to": 47}, {"from": "F", "to": 48}, {"from": "F", "to": 49}]);
+
+                  nodeColors = {};
+                  allNodes = nodes.get({ returnType: "Object" });
+                  for (nodeId in allNodes) {
+                    nodeColors[nodeId] = allNodes[nodeId].color;
+                  }
+                  allEdges = edges.get({ returnType: "Object" });
+                  // adding nodes and edges to the graph
+                  data = {nodes: nodes, edges: edges};
+
+                  var options = {"nodes": {"font": {"size": 36}}, "edges": {"color": {"inherit": true}, "smooth": false}, "physics": {"forceAtlas2Based": {"gravitationalConstant": -250, "centralGravity": 0.005, "springLength": 230, "springConstant": 0.18}, "maxVelocity": 146, "solver": "forceAtlas2Based", "timestep": 0.35, "stabilization": {"iterations": 150}}};
+
+                  
+
+
+                  
+
+                  network = new vis.Network(container, data, options);
+
+                  
+
+                  
+
+                  
+
+
+                  
+
+                  return network;
+
+              }
+              drawGraph();
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/assets/interactive_LDLR_clusters.html b/assets/interactive_LDLR_clusters_curated.html
similarity index 55%
rename from assets/interactive_LDLR_clusters.html
rename to assets/interactive_LDLR_clusters_curated.html
index 6225f31..ab1eaea 100644
--- a/assets/interactive_LDLR_clusters.html
+++ b/assets/interactive_LDLR_clusters_curated.html
@@ -1,12 +1,12 @@
 <html>
     <head>
         <meta charset="utf-8">
-
+        
             <script src="lib/bindings/utils.js"></script>
             <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/dist/vis-network.min.css" integrity="sha512-WgxfT5LWjfszlPHXRmBWHkV2eceiWTOBvrKCNbdgDYTHrT2AeLCGbF4sZlZw3UMN3WtL0tGUoIAKsu8mllg/XA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
             <script src="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/vis-network.min.js" integrity="sha512-LnvoEWDFrqGHlHmDD2101OrLcbsfkrzoSpvtSQtxK3RMnRV0eOkhhBN2dXHKRrUU8p2DGRTk35n4O8nWSVe1mQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
-
+            
+        
 <center>
 <h1></h1>
 </center>
@@ -40,24 +40,24 @@ <h1></h1>
                  float: left;
              }
 
+             
 
+             
 
-
-
-
+             
         </style>
     </head>
 
 
     <body>
         <div class="card" style="width: 100%">
-
-
+            
+            
             <div id="mynetwork" class="card-body"></div>
         </div>
 
-
-
+        
+        
 
         <script type="text/javascript">
 
@@ -77,19 +77,19 @@ <h1></h1>
                   value : []
               };
 
+              
 
-
-
+              
 
               // This method is responsible for drawing the graph, returns the drawn network
               function drawGraph() {
                   var container = document.getElementById('mynetwork');
 
-
+                  
 
                   // parsing and collecting nodes and edges from the python
-                  nodes = new vis.DataSet([{"color": "lightblue", "id": "A", "label": "Group A", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 0, "label": "Autosomal dominant familial hypercholesterolemia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 1, "label": "Hypercholesterolemia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 2, "label": "Hypercholesterolemia, familial, 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 3, "label": "Hypercholesterolemia, autosomal dominant, type B", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 4, "label": "Familial hypercholesterolemia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 5, "label": "Familial type 3 hyperlipoproteinemia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 6, "label": "Homozygous familial hypercholesterolemia", "shape": "dot", "size": 40}, {"color": "lightgrey", "id": 7, "label": "Early-onset coronary artery disease", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 8, "label": "LDLR-related condition", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 9, "label": "Inborn genetic diseases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 10, "label": "FH LEIDEN 1", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 11, "label": "Abnormal circulating lipid concentration", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 12, "label": "Carotid artery occlusion", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 13, "label": "Stroke disorder", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 14, "label": "Smith-Lemli-Opitz syndrome", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 15, "label": "Cardiovascular phenotype", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 16, "label": "Syndromic X-linked intellectual disability Najm type", "shape": "dot", "size": 20}, {"color": "lightblue", "id": "B", "label": "Group B", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 17, "label": "Aortic dissection", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 18, "label": "Internal carotid artery dissection", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 19, "label": "Carotid artery dissection", "shape": "dot", "size": 40}]);
-                  edges = new vis.DataSet([{"from": "A", "to": 0}, {"from": "A", "to": 1}, {"from": "A", "to": 2}, {"from": "A", "to": 3}, {"from": "A", "to": 4}, {"from": "A", "to": 5}, {"from": "A", "to": 6}, {"from": "B", "to": 17}, {"from": "B", "to": 18}, {"from": "B", "to": 19}]);
+                  nodes = new vis.DataSet([{"color": "lightgrey", "id": 0, "label": "not provided", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 1, "label": "not specified", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 2, "label": "Smith-Lemli-Opitz syndrome", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 3, "label": "Syndromic X-linked intellectual disability Najm type", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 4, "label": "Inborn genetic diseases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 5, "label": "See cases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 6, "label": "Abnormal circulating lipid concentration", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 7, "label": "LDLR-related condition", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 8, "label": "Aortic dissection", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 9, "label": "Early-onset coronary artery disease", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 10, "label": "Cardiovascular phenotype", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 11, "label": "Stroke disorder", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 12, "label": "Familial type 3 hyperlipoproteinemia", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 13, "label": "Hypercholesterolemia, autosomal dominant, type B", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 14, "label": "Carotid artery dissection", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 15, "label": "Internal carotid artery dissection", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 16, "label": "Carotid artery occlusion", "shape": "dot", "size": 20}, {"color": "lightblue", "id": "A", "label": "Group A", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 17, "label": "Familial hypercholesterolemia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 18, "label": "Hypercholesterolemia, familial, 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 19, "label": "Autosomal dominant familial hypercholesterolemia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 20, "label": "Hypercholesterolemia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 21, "label": "Homozygous familial hypercholesterolemia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 22, "label": "FH LEIDEN 1", "shape": "dot", "size": 40}]);
+                  edges = new vis.DataSet([{"from": "A", "to": 17}, {"from": "A", "to": 18}, {"from": "A", "to": 19}, {"from": "A", "to": 20}, {"from": "A", "to": 21}, {"from": "A", "to": 22}]);
 
                   nodeColors = {};
                   allNodes = nodes.get({ returnType: "Object" });
@@ -102,21 +102,21 @@ <h1></h1>
 
                   var options = {"nodes": {"font": {"size": 36}}, "edges": {"color": {"inherit": true}, "smooth": false}, "physics": {"forceAtlas2Based": {"gravitationalConstant": -250, "centralGravity": 0.005, "springLength": 230, "springConstant": 0.18}, "maxVelocity": 146, "solver": "forceAtlas2Based", "timestep": 0.35, "stabilization": {"iterations": 150}}};
 
+                  
 
 
-
-
+                  
 
                   network = new vis.Network(container, data, options);
 
+                  
 
+                  
 
+                  
 
 
-
-
-
-
+                  
 
                   return network;
 
@@ -124,4 +124,4 @@ <h1></h1>
               drawGraph();
         </script>
     </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/assets/interactive_SCN5A_clusters.html b/assets/interactive_SCN5A_clusters.html
deleted file mode 100644
index fbbda46..0000000
--- a/assets/interactive_SCN5A_clusters.html
+++ /dev/null
@@ -1,127 +0,0 @@
-<html>
-    <head>
-        <meta charset="utf-8">
-
-            <script src="lib/bindings/utils.js"></script>
-            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/dist/vis-network.min.css" integrity="sha512-WgxfT5LWjfszlPHXRmBWHkV2eceiWTOBvrKCNbdgDYTHrT2AeLCGbF4sZlZw3UMN3WtL0tGUoIAKsu8mllg/XA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-            <script src="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/vis-network.min.js" integrity="sha512-LnvoEWDFrqGHlHmDD2101OrLcbsfkrzoSpvtSQtxK3RMnRV0eOkhhBN2dXHKRrUU8p2DGRTk35n4O8nWSVe1mQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
-
-<center>
-<h1></h1>
-</center>
-
-<!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
-<script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
-        <link
-          href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css"
-          rel="stylesheet"
-          integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
-          crossorigin="anonymous"
-        />
-        <script
-          src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
-          integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
-          crossorigin="anonymous"
-        ></script>
-
-
-        <center>
-          <h1></h1>
-        </center>
-        <style type="text/css">
-
-             #mynetwork {
-                 width: 100%;
-                 height: 1000px;
-                 background-color: #ffffff;
-                 border: 1px solid lightgray;
-                 position: relative;
-                 float: left;
-             }
-
-
-
-
-
-
-        </style>
-    </head>
-
-
-    <body>
-        <div class="card" style="width: 100%">
-
-
-            <div id="mynetwork" class="card-body"></div>
-        </div>
-
-
-
-
-        <script type="text/javascript">
-
-              // initialize global variables.
-              var edges;
-              var nodes;
-              var allNodes;
-              var allEdges;
-              var nodeColors;
-              var originalNodes;
-              var network;
-              var container;
-              var options, data;
-              var filter = {
-                  item : '',
-                  property : '',
-                  value : []
-              };
-
-
-
-
-
-              // This method is responsible for drawing the graph, returns the drawn network
-              function drawGraph() {
-                  var container = document.getElementById('mynetwork');
-
-
-
-                  // parsing and collecting nodes and edges from the python
-                  nodes = new vis.DataSet([{"color": "lightgrey", "font_size": 7, "id": 0, "label": "Syncope", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 1, "label": "Cardiovascular phenotype", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 2, "label": "Progressive familial heart block, type 1A", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 3, "label": "SUDDEN INFANT DEATH SYNDROME", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 4, "label": "Death in early adulthood", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 5, "label": "Fetal akinesia deformation sequence 1", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 6, "label": "Progressive familial heart block", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 7, "label": "Atrioventricular block", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 8, "label": "not specified", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 9, "label": "See cases", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 10, "label": "Cardiac arrhythmia", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 11, "label": "Migraine", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 12, "label": "Inborn genetic diseases", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 13, "label": "Wolff-Parkinson-White pattern", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 14, "label": "Arthrogryposis multiplex congenita", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 15, "label": "Atrial standstill 1, digenic", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 16, "label": "Death in infancy", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 17, "label": "Catecholaminergic polymorphic ventricular tachycardia 1", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 18, "label": "Torsades de pointes", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 19, "label": "not provcded", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 20, "label": "Pulmonary valve stenosis (rare)", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 21, "label": "AV junctional rhythm", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 22, "label": "Ventricular tachycardia", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 23, "label": "Heart block, nonprogressive", "shape": "dot", "size": 20}, {"color": "lightgrey", "font_size": 7, "id": 24, "label": "Hemiplegia", "shape": "dot", "size": 20}, {"color": "lightblue", "id": "A", "label": "Group A", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 25, "label": "Ventricular fibrillation", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 26, "label": "Ventricular fibrillation, paroxysmal familial, type 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 27, "label": "Paroxysmal familial ventricular fibrillation", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 28, "label": "Atrial fibrillation, familial, 10", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 29, "label": "Atrial fibrillation", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "H", "label": "Group H", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 30, "label": "Cardiac arrest", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 31, "label": "Sudden unexplained death", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 32, "label": "Sudden cardiac death", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 33, "label": "Sudden cardiac arrest", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "B", "label": "Group B", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 34, "label": "Long QT syndrome 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 35, "label": "Long QT syndrome 3, acquired, susceptibility to", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 36, "label": "Long QT syndrome 2/3, digenic", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 37, "label": "Long QT syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 38, "label": "Long QT syndrome 3", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 39, "label": "Congenital long QT syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 40, "label": "Acquired long QT syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 41, "label": "Long QT syndrome 3/6, digenic", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 42, "label": "Long QT syndrome, drug-associated", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 43, "label": "Long QT syndrome 2", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "C", "label": "Group C", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 44, "label": "Familial isolated arrhythmogenic right ventricular dysplasia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 45, "label": "Primary familial hypertrophic cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 46, "label": "Cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 47, "label": "Arrhythmogenic right ventricular cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 48, "label": "Hypertrophic cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 49, "label": "Dilated cardiomyopathy 1A", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 50, "label": "Primary familial dilated cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 51, "label": "Dilated cardiomyopathy 1E", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 52, "label": "Dilated Cardiomyopathy, Dominant", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 53, "label": "Left ventricular noncompaction cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 54, "label": "Left ventricular noncompaction 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 55, "label": "Primary dilated cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "D", "label": "Group D", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 56, "label": "Sick sinus syndrome 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 57, "label": "Sick sinus syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 58, "label": "Sinus node disease", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "E", "label": "Group E", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 59, "label": "Conduction disorder of the heart", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 60, "label": "Conduction system disorder", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 61, "label": "Cardiac conduction defect, nonprogressive", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "F", "label": "Group F", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 62, "label": "Brugada syndrome (shorter-than-normal QT interval)", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 63, "label": "Brugada syndrome, lcdocaine-induced", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 64, "label": "Brugada syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 65, "label": "Brugada syndrome 1", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "G", "label": "Group G", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 66, "label": "SCN5A-related conditions", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 67, "label": "SCN5A-related condition", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 68, "label": "SCN5A-related disorder", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 69, "label": "SCN5A-Related Disorders", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 70, "label": "SCN5A-Related Arrhythmias", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 71, "label": "SCN5A-related disease", "shape": "dot", "size": 40}]);
-                  edges = new vis.DataSet([{"from": "A", "to": 25}, {"from": "A", "to": 26}, {"from": "A", "to": 27}, {"from": "A", "to": 28}, {"from": "A", "to": 29}, {"from": "H", "to": 30}, {"from": "H", "to": 31}, {"from": "H", "to": 32}, {"from": "H", "to": 33}, {"from": "B", "to": 34}, {"from": "B", "to": 35}, {"from": "B", "to": 36}, {"from": "B", "to": 37}, {"from": "B", "to": 38}, {"from": "B", "to": 39}, {"from": "B", "to": 40}, {"from": "B", "to": 41}, {"from": "B", "to": 42}, {"from": "B", "to": 43}, {"from": "C", "to": 44}, {"from": "C", "to": 45}, {"from": "C", "to": 46}, {"from": "C", "to": 47}, {"from": "C", "to": 48}, {"from": "C", "to": 49}, {"from": "C", "to": 50}, {"from": "C", "to": 51}, {"from": "C", "to": 52}, {"from": "C", "to": 53}, {"from": "C", "to": 54}, {"from": "C", "to": 55}, {"from": "D", "to": 56}, {"from": "D", "to": 57}, {"from": "D", "to": 58}, {"from": "E", "to": 59}, {"from": "E", "to": 60}, {"from": "E", "to": 61}, {"from": "F", "to": 62}, {"from": "F", "to": 63}, {"from": "F", "to": 64}, {"from": "F", "to": 65}, {"from": "G", "to": 66}, {"from": "G", "to": 67}, {"from": "G", "to": 68}, {"from": "G", "to": 69}, {"from": "G", "to": 70}, {"from": "G", "to": 71}]);
-
-                  nodeColors = {};
-                  allNodes = nodes.get({ returnType: "Object" });
-                  for (nodeId in allNodes) {
-                    nodeColors[nodeId] = allNodes[nodeId].color;
-                  }
-                  allEdges = edges.get({ returnType: "Object" });
-                  // adding nodes and edges to the graph
-                  data = {nodes: nodes, edges: edges};
-
-                  var options = {"nodes": {"font": {"size": 36}}, "edges": {"color": {"inherit": true}, "smooth": false}, "physics": {"forceAtlas2Based": {"gravitationalConstant": -250, "centralGravity": 0.005, "springLength": 230, "springConstant": 0.18}, "maxVelocity": 146, "solver": "forceAtlas2Based", "timestep": 0.35, "stabilization": {"iterations": 150}}};
-
-
-
-
-
-
-                  network = new vis.Network(container, data, options);
-
-
-
-
-
-
-
-
-
-
-                  return network;
-
-              }
-              drawGraph();
-        </script>
-    </body>
-</html>
diff --git a/assets/interactive_SCN5A_clusters_curated.html b/assets/interactive_SCN5A_clusters_curated.html
new file mode 100644
index 0000000..ab3479e
--- /dev/null
+++ b/assets/interactive_SCN5A_clusters_curated.html
@@ -0,0 +1,127 @@
+<html>
+    <head>
+        <meta charset="utf-8">
+        
+            <script src="lib/bindings/utils.js"></script>
+            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/dist/vis-network.min.css" integrity="sha512-WgxfT5LWjfszlPHXRmBWHkV2eceiWTOBvrKCNbdgDYTHrT2AeLCGbF4sZlZw3UMN3WtL0tGUoIAKsu8mllg/XA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/vis-network.min.js" integrity="sha512-LnvoEWDFrqGHlHmDD2101OrLcbsfkrzoSpvtSQtxK3RMnRV0eOkhhBN2dXHKRrUU8p2DGRTk35n4O8nWSVe1mQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+            
+        
+<center>
+<h1></h1>
+</center>
+
+<!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
+<script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
+        <link
+          href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css"
+          rel="stylesheet"
+          integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
+          crossorigin="anonymous"
+        />
+        <script
+          src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
+          integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
+          crossorigin="anonymous"
+        ></script>
+
+
+        <center>
+          <h1></h1>
+        </center>
+        <style type="text/css">
+
+             #mynetwork {
+                 width: 100%;
+                 height: 1000px;
+                 background-color: #ffffff;
+                 border: 1px solid lightgray;
+                 position: relative;
+                 float: left;
+             }
+
+             
+
+             
+
+             
+        </style>
+    </head>
+
+
+    <body>
+        <div class="card" style="width: 100%">
+            
+            
+            <div id="mynetwork" class="card-body"></div>
+        </div>
+
+        
+        
+
+        <script type="text/javascript">
+
+              // initialize global variables.
+              var edges;
+              var nodes;
+              var allNodes;
+              var allEdges;
+              var nodeColors;
+              var originalNodes;
+              var network;
+              var container;
+              var options, data;
+              var filter = {
+                  item : '',
+                  property : '',
+                  value : []
+              };
+
+              
+
+              
+
+              // This method is responsible for drawing the graph, returns the drawn network
+              function drawGraph() {
+                  var container = document.getElementById('mynetwork');
+
+                  
+
+                  // parsing and collecting nodes and edges from the python
+                  nodes = new vis.DataSet([{"color": "lightgrey", "id": 0, "label": "Syncope", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 1, "label": "Cardiovascular phenotype", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 2, "label": "SUDDEN INFANT DEATH SYNDROME", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 3, "label": "Death in early adulthood", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 4, "label": "Fetal akinesia deformation sequence 1", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 5, "label": "not specified", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 6, "label": "See cases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 7, "label": "Cardiac arrhythmia", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 8, "label": "Migraine", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 9, "label": "Inborn genetic diseases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 10, "label": "Wolff-Parkinson-White pattern", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 11, "label": "Arthrogryposis multiplex congenita", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 12, "label": "Atrial standstill 1, digenic", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 13, "label": "Death in infancy", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 14, "label": "Torsades de pointes", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 15, "label": "not provided", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 16, "label": "Pulmonary valve stenosis (rare)", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 17, "label": "AV junctional rhythm", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 18, "label": "Hemiplegia", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 19, "label": "Cardiac arrest", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 20, "label": "Sudden unexplained death", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 21, "label": "Sudden cardiac death", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 22, "label": "Sudden cardiac arrest", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 23, "label": "Long QT syndrome 1", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 24, "label": "Long QT syndrome 2", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 25, "label": "Dilated cardiomyopathy 1A", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 26, "label": "Cardiomyopathy", "shape": "dot", "size": 20}, {"color": "lightblue", "id": "A", "label": "Group A", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 27, "label": "Ventricular fibrillation", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 28, "label": "Ventricular fibrillation, paroxysmal familial, type 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 29, "label": "Paroxysmal familial ventricular fibrillation", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "I", "label": "Group I", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 30, "label": "Atrial fibrillation, familial, 10", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 31, "label": "Atrial fibrillation", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "B", "label": "Group B", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 32, "label": "Long QT syndrome 3, acquired, susceptibility to", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 33, "label": "Long QT syndrome 2/3, digenic", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 34, "label": "Long QT syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 35, "label": "Long QT syndrome 3", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 36, "label": "Congenital long QT syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 37, "label": "Long QT syndrome 3/6, digenic", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "J", "label": "Group J", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 38, "label": "Acquired long QT syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 39, "label": "Long QT syndrome, drug-associated", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "K", "label": "Group K", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 40, "label": "Familial isolated arrhythmogenic right ventricular dysplasia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 41, "label": "Arrhythmogenic right ventricular cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "L", "label": "Group L", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 42, "label": "Primary familial hypertrophic cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 43, "label": "Hypertrophic cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "M", "label": "Group M", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 44, "label": "Progressive familial heart block, type 1A", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 45, "label": "Progressive familial heart block", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 46, "label": "Atrioventricular block", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 47, "label": "Heart block, nonprogressive", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "N", "label": "Group N", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 48, "label": "Left ventricular noncompaction cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 49, "label": "Left ventricular noncompaction 1", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "O", "label": "Group O", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 50, "label": "Catecholaminergic polymorphic ventricular tachycardia 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 51, "label": "Ventricular tachycardia", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "C", "label": "Group C", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 52, "label": "Primary familial dilated cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 53, "label": "Dilated cardiomyopathy 1E", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 54, "label": "Dilated Cardiomyopathy, Dominant", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 55, "label": "Primary dilated cardiomyopathy", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "D", "label": "Group D", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 56, "label": "Sick sinus syndrome 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 57, "label": "Sick sinus syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 58, "label": "Sinus node disease", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "E", "label": "Group E", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 59, "label": "Conduction disorder of the heart", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 60, "label": "Conduction system disorder", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 61, "label": "Cardiac conduction defect, nonprogressive", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "F", "label": "Group F", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 62, "label": "Brugada syndrome (shorter-than-normal QT interval)", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 63, "label": "Brugada syndrome, lidocaine-induced", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 64, "label": "Brugada syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 65, "label": "Brugada syndrome 1", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "G", "label": "Group G", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 66, "label": "SCN5A-related conditions", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 67, "label": "SCN5A-related condition", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 68, "label": "SCN5A-related disorder", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 69, "label": "SCN5A-Related Disorders", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 70, "label": "SCN5A-Related Arrhythmias", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 71, "label": "SCN5A-related disease", "shape": "dot", "size": 40}]);
+                  edges = new vis.DataSet([{"from": "A", "to": 27}, {"from": "A", "to": 28}, {"from": "A", "to": 29}, {"from": "I", "to": 30}, {"from": "I", "to": 31}, {"from": "B", "to": 32}, {"from": "B", "to": 33}, {"from": "B", "to": 34}, {"from": "B", "to": 35}, {"from": "B", "to": 36}, {"from": "B", "to": 37}, {"from": "J", "to": 38}, {"from": "J", "to": 39}, {"from": "K", "to": 40}, {"from": "K", "to": 41}, {"from": "L", "to": 42}, {"from": "L", "to": 43}, {"from": "M", "to": 44}, {"from": "M", "to": 45}, {"from": "M", "to": 46}, {"from": "M", "to": 47}, {"from": "N", "to": 48}, {"from": "N", "to": 49}, {"from": "O", "to": 50}, {"from": "O", "to": 51}, {"from": "C", "to": 52}, {"from": "C", "to": 53}, {"from": "C", "to": 54}, {"from": "C", "to": 55}, {"from": "D", "to": 56}, {"from": "D", "to": 57}, {"from": "D", "to": 58}, {"from": "E", "to": 59}, {"from": "E", "to": 60}, {"from": "E", "to": 61}, {"from": "F", "to": 62}, {"from": "F", "to": 63}, {"from": "F", "to": 64}, {"from": "F", "to": 65}, {"from": "G", "to": 66}, {"from": "G", "to": 67}, {"from": "G", "to": 68}, {"from": "G", "to": 69}, {"from": "G", "to": 70}, {"from": "G", "to": 71}]);
+
+                  nodeColors = {};
+                  allNodes = nodes.get({ returnType: "Object" });
+                  for (nodeId in allNodes) {
+                    nodeColors[nodeId] = allNodes[nodeId].color;
+                  }
+                  allEdges = edges.get({ returnType: "Object" });
+                  // adding nodes and edges to the graph
+                  data = {nodes: nodes, edges: edges};
+
+                  var options = {"nodes": {"font": {"size": 36}}, "edges": {"color": {"inherit": true}, "smooth": false}, "physics": {"forceAtlas2Based": {"gravitationalConstant": -250, "centralGravity": 0.005, "springLength": 230, "springConstant": 0.18}, "maxVelocity": 146, "solver": "forceAtlas2Based", "timestep": 0.35, "stabilization": {"iterations": 150}}};
+
+                  
+
+
+                  
+
+                  network = new vis.Network(container, data, options);
+
+                  
+
+                  
+
+                  
+
+
+                  
+
+                  return network;
+
+              }
+              drawGraph();
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/assets/interactive_TSC1_clusters.html b/assets/interactive_TSC1_clusters_curated.html
similarity index 78%
rename from assets/interactive_TSC1_clusters.html
rename to assets/interactive_TSC1_clusters_curated.html
index 10c09ce..d5045b3 100644
--- a/assets/interactive_TSC1_clusters.html
+++ b/assets/interactive_TSC1_clusters_curated.html
@@ -1,12 +1,12 @@
 <html>
     <head>
         <meta charset="utf-8">
-
+        
             <script src="lib/bindings/utils.js"></script>
             <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/dist/vis-network.min.css" integrity="sha512-WgxfT5LWjfszlPHXRmBWHkV2eceiWTOBvrKCNbdgDYTHrT2AeLCGbF4sZlZw3UMN3WtL0tGUoIAKsu8mllg/XA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
             <script src="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/vis-network.min.js" integrity="sha512-LnvoEWDFrqGHlHmDD2101OrLcbsfkrzoSpvtSQtxK3RMnRV0eOkhhBN2dXHKRrUU8p2DGRTk35n4O8nWSVe1mQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
-
+            
+        
 <center>
 <h1></h1>
 </center>
@@ -40,24 +40,24 @@ <h1></h1>
                  float: left;
              }
 
+             
 
+             
 
-
-
-
+             
         </style>
     </head>
 
 
     <body>
         <div class="card" style="width: 100%">
-
-
+            
+            
             <div id="mynetwork" class="card-body"></div>
         </div>
 
-
-
+        
+        
 
         <script type="text/javascript">
 
@@ -77,19 +77,19 @@ <h1></h1>
                   value : []
               };
 
+              
 
-
-
+              
 
               // This method is responsible for drawing the graph, returns the drawn network
               function drawGraph() {
                   var container = document.getElementById('mynetwork');
 
-
+                  
 
                   // parsing and collecting nodes and edges from the python
-                  nodes = new vis.DataSet([{"color": "lightgrey", "id": 0, "label": "Acute myeloid leukemia", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 1, "label": "Renal insufficiency", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 2, "label": "See cases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 3, "label": "Inborn genetic diseases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 4, "label": "Craniopharyngioma", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 5, "label": "Autism spectrum disorder", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 6, "label": "Neuroblastoma", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 7, "label": "Keratoconus", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 8, "label": "Cardiac rhabdomyoma", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 9, "label": "Lymphangiomyomatosis", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 10, "label": "not provided", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 11, "label": "Ovarian cancer", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 12, "label": "Malignant tumor of urinary bladder", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 13, "label": "Adenoma sebaceum", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 14, "label": "Autosomal dominant epilepsy", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 15, "label": "TSC1-related condition", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 16, "label": "Primitive neuroectodermal tumor", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 17, "label": "Hamartoma", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 18, "label": "Hereditary cancer-predisposing syndrome", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 19, "label": "Astrocytoma", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 20, "label": "Seizure", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 21, "label": "Malignant tumor of breast", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 22, "label": "not specified", "shape": "dot", "size": 20}, {"color": "lightblue", "id": "A", "label": "Group A", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 23, "label": "Multiple renal cysts", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 24, "label": "Renal cortical cysts", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 25, "label": "Kidney angiomyolipoma", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 26, "label": "Angiofibromas", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "B", "label": "Group B", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 27, "label": "Cortical tubers", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 28, "label": "Tuberous sclerosis 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 29, "label": "Tuberous sclerosis syndrome", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "C", "label": "Group C", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 30, "label": "Isolated focal cortical dysplasia type II", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 31, "label": "Focal cortical dysplasia of Taylor type 2B", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 32, "label": "Cortical dysplasia", "shape": "dot", "size": 40}]);
-                  edges = new vis.DataSet([{"from": "A", "to": 23}, {"from": "A", "to": 24}, {"from": "A", "to": 25}, {"from": "A", "to": 26}, {"from": "B", "to": 27}, {"from": "B", "to": 28}, {"from": "B", "to": 29}, {"from": "C", "to": 30}, {"from": "C", "to": 31}, {"from": "C", "to": 32}]);
+                  nodes = new vis.DataSet([{"color": "lightgrey", "id": 0, "label": "Acute myeloid leukemia", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 1, "label": "Renal insufficiency", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 2, "label": "See cases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 3, "label": "Inborn genetic diseases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 4, "label": "Craniopharyngioma", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 5, "label": "Autism spectrum disorder", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 6, "label": "Neuroblastoma", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 7, "label": "Keratoconus", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 8, "label": "Cardiac rhabdomyoma", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 9, "label": "Lymphangiomyomatosis", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 10, "label": "not provided", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 11, "label": "Ovarian cancer", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 12, "label": "Malignant tumor of urinary bladder", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 13, "label": "Adenoma sebaceum", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 14, "label": "Autosomal dominant epilepsy", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 15, "label": "TSC1-related condition", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 16, "label": "Primitive neuroectodermal tumor", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 17, "label": "Hamartoma", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 18, "label": "Hereditary cancer-predisposing syndrome", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 19, "label": "Astrocytoma", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 20, "label": "Seizure", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 21, "label": "Malignant tumor of breast", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 22, "label": "not specified", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 23, "label": "Cortical tubers", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 24, "label": "Multiple renal cysts", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 25, "label": "Renal cortical cysts", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 26, "label": "Kidney angiomyolipoma", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 27, "label": "Angiofibromas", "shape": "dot", "size": 20}, {"color": "lightblue", "id": "A", "label": "Group A", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 28, "label": "Tuberous sclerosis 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 29, "label": "Tuberous sclerosis syndrome", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "B", "label": "Group B", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 30, "label": "Isolated focal cortical dysplasia type II", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 31, "label": "Focal cortical dysplasia of Taylor type 2B", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 32, "label": "Cortical dysplasia", "shape": "dot", "size": 40}]);
+                  edges = new vis.DataSet([{"from": "A", "to": 28}, {"from": "A", "to": 29}, {"from": "B", "to": 30}, {"from": "B", "to": 31}, {"from": "B", "to": 32}]);
 
                   nodeColors = {};
                   allNodes = nodes.get({ returnType: "Object" });
@@ -102,21 +102,21 @@ <h1></h1>
 
                   var options = {"nodes": {"font": {"size": 36}}, "edges": {"color": {"inherit": true}, "smooth": false}, "physics": {"forceAtlas2Based": {"gravitationalConstant": -250, "centralGravity": 0.005, "springLength": 230, "springConstant": 0.18}, "maxVelocity": 146, "solver": "forceAtlas2Based", "timestep": 0.35, "stabilization": {"iterations": 150}}};
 
+                  
 
 
-
-
+                  
 
                   network = new vis.Network(container, data, options);
 
+                  
 
+                  
 
+                  
 
 
-
-
-
-
+                  
 
                   return network;
 
@@ -124,4 +124,4 @@ <h1></h1>
               drawGraph();
         </script>
     </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/assets/interactive_USH2A_clusters.html b/assets/interactive_USH2A_clusters.html
deleted file mode 100644
index 101f2c4..0000000
--- a/assets/interactive_USH2A_clusters.html
+++ /dev/null
@@ -1,127 +0,0 @@
-<html>
-    <head>
-        <meta charset="utf-8">
-
-            <script src="lib/bindings/utils.js"></script>
-            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/dist/vis-network.min.css" integrity="sha512-WgxfT5LWjfszlPHXRmBWHkV2eceiWTOBvrKCNbdgDYTHrT2AeLCGbF4sZlZw3UMN3WtL0tGUoIAKsu8mllg/XA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-            <script src="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/vis-network.min.js" integrity="sha512-LnvoEWDFrqGHlHmDD2101OrLcbsfkrzoSpvtSQtxK3RMnRV0eOkhhBN2dXHKRrUU8p2DGRTk35n4O8nWSVe1mQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
-
-<center>
-<h1></h1>
-</center>
-
-<!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
-<script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
-        <link
-          href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css"
-          rel="stylesheet"
-          integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
-          crossorigin="anonymous"
-        />
-        <script
-          src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
-          integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
-          crossorigin="anonymous"
-        ></script>
-
-
-        <center>
-          <h1></h1>
-        </center>
-        <style type="text/css">
-
-             #mynetwork {
-                 width: 100%;
-                 height: 1000px;
-                 background-color: #ffffff;
-                 border: 1px solid lightgray;
-                 position: relative;
-                 float: left;
-             }
-
-
-
-
-
-
-        </style>
-    </head>
-
-
-    <body>
-        <div class="card" style="width: 100%">
-
-
-            <div id="mynetwork" class="card-body"></div>
-        </div>
-
-
-
-
-        <script type="text/javascript">
-
-              // initialize global variables.
-              var edges;
-              var nodes;
-              var allNodes;
-              var allEdges;
-              var nodeColors;
-              var originalNodes;
-              var network;
-              var container;
-              var options, data;
-              var filter = {
-                  item : '',
-                  property : '',
-                  value : []
-              };
-
-
-
-
-
-              // This method is responsible for drawing the graph, returns the drawn network
-              function drawGraph() {
-                  var container = document.getElementById('mynetwork');
-
-
-
-                  // parsing and collecting nodes and edges from the python
-                  nodes = new vis.DataSet([{"color": "lightblue", "id": "A", "label": "Group A", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 0, "label": "Hearing impairment", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 1, "label": "Nonsyndromic genetic hearing loss", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 2, "label": "Childhood onset hearing loss", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 3, "label": "Rare genetic deafness", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 4, "label": "Autosomal dominant nonsyndromic hearing loss 36", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 5, "label": "Congenital sensorineural hearing impairment", "shape": "dot", "size": 40}, {"color": "lightgrey", "id": 6, "label": "Ear malformation", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 7, "label": "Leber congenital amaurosis", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 8, "label": "Brisk reflexes", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 9, "label": "Cognitive impairment", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 10, "label": "Short stature", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 11, "label": "Retinal pigment epithelial atrophy", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 12, "label": "Abnormal autonomic nervous system physiology", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 13, "label": "not specified", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 14, "label": "See cases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 15, "label": "Inborn genetic diseases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 16, "label": "USH2A-related condition", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 17, "label": "Delayed speech and language development", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 18, "label": "USH2A-Related Disorders", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 19, "label": "Anxiety", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 20, "label": "Amblyopia", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 21, "label": "Blindness", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 22, "label": "Surfactant metabolism dysfunction, pulmonary, 2", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 23, "label": "not provided", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 24, "label": "Motor delay", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 25, "label": "Chronic pain", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 26, "label": "Congenital stationary night blindness", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 27, "label": "Multiple joint contractures", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 28, "label": "Dislocated radial head", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 29, "label": "Familial aplasia of the vermis", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 30, "label": "High palate", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 31, "label": "Bardet-Biedl syndrome", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 32, "label": "Distal arthrogryposis", "shape": "dot", "size": 20}, {"color": "lightblue", "id": "G", "label": "Group G", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 33, "label": "Congenital cerebellar hypoplasia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 34, "label": "Hypoplasia of the brainstem", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 35, "label": "Cerebellar hemisphere hypoplasia", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "B", "label": "Group B", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 36, "label": "Abnormality of upper limb joint", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 37, "label": "Abnormality of the upper limb", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 38, "label": "Abnormal upper limb bone morphology", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "C", "label": "Group C", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 39, "label": "Usher syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 40, "label": "Usher syndrome type 3A", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 41, "label": "Usher syndrome type 2", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 42, "label": "Usher syndrome type 1", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 43, "label": "Usher syndrome type 2A", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "D", "label": "Group D", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 44, "label": "Autosomal recessive retinitis pigmentosa", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 45, "label": "Pigmentary retinopathy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 46, "label": "Retinitis pigmentosa 39", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 47, "label": "Retinitis pigmentosa-deafness syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 48, "label": "Retinitis pigmentosa", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 49, "label": "Retinitis Pigmentosa, Recessive", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "E", "label": "Group E", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 50, "label": "Abnormal macular morphology", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 51, "label": "Macular dystrophy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 52, "label": "Retinal degeneration", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 53, "label": "Retinal dystrophy", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "F", "label": "Group F", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 54, "label": "Cone-rod dystrophy 3", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 55, "label": "Rod-cone dystrophy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 56, "label": "Cone-rod dystrophy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 57, "label": "Progressive cone dystrophy (without rod involvement)", "shape": "dot", "size": 40}]);
-                  edges = new vis.DataSet([{"from": "A", "to": 0}, {"from": "A", "to": 1}, {"from": "A", "to": 2}, {"from": "A", "to": 3}, {"from": "A", "to": 4}, {"from": "A", "to": 5}, {"from": "G", "to": 33}, {"from": "G", "to": 34}, {"from": "G", "to": 35}, {"from": "B", "to": 36}, {"from": "B", "to": 37}, {"from": "B", "to": 38}, {"from": "C", "to": 39}, {"from": "C", "to": 40}, {"from": "C", "to": 41}, {"from": "C", "to": 42}, {"from": "C", "to": 43}, {"from": "D", "to": 44}, {"from": "D", "to": 45}, {"from": "D", "to": 46}, {"from": "D", "to": 47}, {"from": "D", "to": 48}, {"from": "D", "to": 49}, {"from": "E", "to": 50}, {"from": "E", "to": 51}, {"from": "E", "to": 52}, {"from": "E", "to": 53}, {"from": "F", "to": 54}, {"from": "F", "to": 55}, {"from": "F", "to": 56}, {"from": "F", "to": 57}]);
-
-                  nodeColors = {};
-                  allNodes = nodes.get({ returnType: "Object" });
-                  for (nodeId in allNodes) {
-                    nodeColors[nodeId] = allNodes[nodeId].color;
-                  }
-                  allEdges = edges.get({ returnType: "Object" });
-                  // adding nodes and edges to the graph
-                  data = {nodes: nodes, edges: edges};
-
-                  var options = {"nodes": {"font": {"size": 36}}, "edges": {"color": {"inherit": true}, "smooth": false}, "physics": {"forceAtlas2Based": {"gravitationalConstant": -250, "centralGravity": 0.005, "springLength": 230, "springConstant": 0.18}, "maxVelocity": 146, "solver": "forceAtlas2Based", "timestep": 0.35, "stabilization": {"iterations": 150}}};
-
-
-
-
-
-
-                  network = new vis.Network(container, data, options);
-
-
-
-
-
-
-
-
-
-
-                  return network;
-
-              }
-              drawGraph();
-        </script>
-    </body>
-</html>
diff --git a/assets/interactive_USH2A_clusters_curated.html b/assets/interactive_USH2A_clusters_curated.html
new file mode 100644
index 0000000..a66bb47
--- /dev/null
+++ b/assets/interactive_USH2A_clusters_curated.html
@@ -0,0 +1,127 @@
+<html>
+    <head>
+        <meta charset="utf-8">
+        
+            <script src="lib/bindings/utils.js"></script>
+            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/dist/vis-network.min.css" integrity="sha512-WgxfT5LWjfszlPHXRmBWHkV2eceiWTOBvrKCNbdgDYTHrT2AeLCGbF4sZlZw3UMN3WtL0tGUoIAKsu8mllg/XA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/vis-network.min.js" integrity="sha512-LnvoEWDFrqGHlHmDD2101OrLcbsfkrzoSpvtSQtxK3RMnRV0eOkhhBN2dXHKRrUU8p2DGRTk35n4O8nWSVe1mQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+            
+        
+<center>
+<h1></h1>
+</center>
+
+<!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
+<script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
+        <link
+          href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css"
+          rel="stylesheet"
+          integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
+          crossorigin="anonymous"
+        />
+        <script
+          src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
+          integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
+          crossorigin="anonymous"
+        ></script>
+
+
+        <center>
+          <h1></h1>
+        </center>
+        <style type="text/css">
+
+             #mynetwork {
+                 width: 100%;
+                 height: 1000px;
+                 background-color: #ffffff;
+                 border: 1px solid lightgray;
+                 position: relative;
+                 float: left;
+             }
+
+             
+
+             
+
+             
+        </style>
+    </head>
+
+
+    <body>
+        <div class="card" style="width: 100%">
+            
+            
+            <div id="mynetwork" class="card-body"></div>
+        </div>
+
+        
+        
+
+        <script type="text/javascript">
+
+              // initialize global variables.
+              var edges;
+              var nodes;
+              var allNodes;
+              var allEdges;
+              var nodeColors;
+              var originalNodes;
+              var network;
+              var container;
+              var options, data;
+              var filter = {
+                  item : '',
+                  property : '',
+                  value : []
+              };
+
+              
+
+              
+
+              // This method is responsible for drawing the graph, returns the drawn network
+              function drawGraph() {
+                  var container = document.getElementById('mynetwork');
+
+                  
+
+                  // parsing and collecting nodes and edges from the python
+                  nodes = new vis.DataSet([{"color": "lightblue", "id": "A", "label": "Group A", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 0, "label": "Hearing impairment", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 1, "label": "Nonsyndromic genetic hearing loss", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 2, "label": "Childhood onset hearing loss", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 3, "label": "Rare genetic deafness", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 4, "label": "Congenital sensorineural hearing impairment", "shape": "dot", "size": 40}, {"color": "lightgrey", "id": 5, "label": "Ear malformation", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 6, "label": "Leber congenital amaurosis", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 7, "label": "Brisk reflexes", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 8, "label": "Cognitive impairment", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 9, "label": "Short stature", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 10, "label": "Retinal pigment epithelial atrophy", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 11, "label": "Abnormal autonomic nervous system physiology", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 12, "label": "not specified", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 13, "label": "See cases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 14, "label": "Inborn genetic diseases", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 15, "label": "Delayed speech and language development", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 16, "label": "Anxiety", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 17, "label": "Amblyopia", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 18, "label": "Blindness", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 19, "label": "Surfactant metabolism dysfunction, pulmonary, 2", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 20, "label": "not provided", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 21, "label": "Motor delay", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 22, "label": "Chronic pain", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 23, "label": "Congenital stationary night blindness", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 24, "label": "Multiple joint contractures", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 25, "label": "Dislocated radial head", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 26, "label": "Familial aplasia of the vermis", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 27, "label": "High palate", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 28, "label": "Bardet-Biedl syndrome", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 29, "label": "Distal arthrogryposis", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 30, "label": "Autosomal dominant nonsyndromic hearing loss 36", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 31, "label": "Usher syndrome type 1", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 32, "label": "Usher syndrome type 3A", "shape": "dot", "size": 20}, {"color": "lightgrey", "id": 33, "label": "Cone-rod dystrophy 3", "shape": "dot", "size": 20}, {"color": "lightblue", "id": "G", "label": "Group G", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 34, "label": "Congenital cerebellar hypoplasia", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 35, "label": "Hypoplasia of the brainstem", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 36, "label": "Cerebellar hemisphere hypoplasia", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "B", "label": "Group B", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 37, "label": "Abnormality of upper limb joint", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 38, "label": "Abnormality of the upper limb", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 39, "label": "Abnormal upper limb bone morphology", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "C", "label": "Group C", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 40, "label": "Usher syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 41, "label": "Usher syndrome type 2", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 42, "label": "Usher syndrome type 2A", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "D", "label": "Group D", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 43, "label": "Autosomal recessive retinitis pigmentosa", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 44, "label": "Pigmentary retinopathy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 45, "label": "Retinitis pigmentosa 39", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 46, "label": "Retinitis pigmentosa-deafness syndrome", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 47, "label": "Retinitis pigmentosa", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 48, "label": "Retinitis Pigmentosa, Recessive", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "E", "label": "Group E", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 49, "label": "Abnormal macular morphology", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 50, "label": "Macular dystrophy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 51, "label": "Retinal degeneration", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 52, "label": "Retinal dystrophy", "shape": "dot", "size": 40}, {"color": "lightblue", "id": "F", "label": "Group F", "shape": "dot", "size": 60}, {"color": "lightgreen", "id": 53, "label": "Rod-cone dystrophy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 54, "label": "Cone-rod dystrophy", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 55, "label": "Progressive cone dystrophy (without rod involvement)", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 56, "label": "USH2A-related condition", "shape": "dot", "size": 40}, {"color": "lightgreen", "id": 57, "label": "USH2A-Related Disorders", "shape": "dot", "size": 40}]);
+                  edges = new vis.DataSet([{"from": "A", "to": 0}, {"from": "A", "to": 1}, {"from": "A", "to": 2}, {"from": "A", "to": 3}, {"from": "A", "to": 4}, {"from": "G", "to": 34}, {"from": "G", "to": 35}, {"from": "G", "to": 36}, {"from": "B", "to": 37}, {"from": "B", "to": 38}, {"from": "B", "to": 39}, {"from": "C", "to": 40}, {"from": "C", "to": 41}, {"from": "C", "to": 42}, {"from": "D", "to": 43}, {"from": "D", "to": 44}, {"from": "D", "to": 45}, {"from": "D", "to": 46}, {"from": "D", "to": 47}, {"from": "D", "to": 48}, {"from": "E", "to": 49}, {"from": "E", "to": 50}, {"from": "E", "to": 51}, {"from": "E", "to": 52}, {"from": "F", "to": 53}, {"from": "F", "to": 54}, {"from": "F", "to": 55}, {"from": "G", "to": 56}, {"from": "G", "to": 57}]);
+
+                  nodeColors = {};
+                  allNodes = nodes.get({ returnType: "Object" });
+                  for (nodeId in allNodes) {
+                    nodeColors[nodeId] = allNodes[nodeId].color;
+                  }
+                  allEdges = edges.get({ returnType: "Object" });
+                  // adding nodes and edges to the graph
+                  data = {nodes: nodes, edges: edges};
+
+                  var options = {"nodes": {"font": {"size": 36}}, "edges": {"color": {"inherit": true}, "smooth": false}, "physics": {"forceAtlas2Based": {"gravitationalConstant": -250, "centralGravity": 0.005, "springLength": 230, "springConstant": 0.18}, "maxVelocity": 146, "solver": "forceAtlas2Based", "timestep": 0.35, "stabilization": {"iterations": 150}}};
+
+                  
+
+
+                  
+
+                  network = new vis.Network(container, data, options);
+
+                  
+
+                  
+
+                  
+
+
+                  
+
+                  return network;
+
+              }
+              drawGraph();
+        </script>
+    </body>
+</html>
\ No newline at end of file
