Add data loading animation

Author: Ahren09

Diff for: .gitignore

@@ -61,3 +61,4 @@ _build/
 _static
 _templates
 
+/dygetviz/demo/

Diff for: dygetviz/demo/annotate_scatterplot.py

@@ -216,16 +216,21 @@
         ),
 
         # Graph
-        dcc.Graph(
-            id='dygetviz',
-            style={
-                'width': '90%',
-                'height': '700px',
-                'box-shadow': '0 4px 6px rgba(0, 0, 0, 0.1)'
-                # A subtle shadow for depth
-            },
-            className="text-center",
+        dcc.Loading(
+            id="loading-1",  # You can use any unique ID
+            type="default",  # There are different types of loading spinners you can use
+            children=dcc.Graph(
+                id='dygetviz',
+                style={
+                    'width': '90%',
+                    'height': '700px',
+                    'box-shadow': '0 4px 6px rgba(0, 0, 0, 0.1)'
+                    # A subtle shadow for depth
+                },
+                className="text-center",
+            ),
         ),
+
         # html.Div("✨: a category. \n\"(1)\": a node label.", id="note"),
 
         # Store the nodes in `trajectory_names`

Diff for: dygetviz/demo/get_gene_name.py

@@ -79,9 +79,6 @@ def get_visualization_cache(dataset_name: str, device: str, model_name: str,
     reference_nodes = data["reference_nodes"]
     snapshot_names = data["snapshot_names"]
     z = data["z"]
-
-    DEBUG = False
-
     visual_dir = osp.join("outputs", "visual", dataset_name)
 
     # Enable this line if we want to include all trajectories when we generate the visualization cache (*.json) files.
@@ -411,7 +408,7 @@ def adjust_node_color_size(fig):
 
                 fig_line.data[0].hovertemplate = get_hovertemplate(
                     fields_in_customdata=fields, is_trajectory=True)
-                print(get_hovertemplate(fields_in_customdata=fields, is_trajectory=True))
+
                 for frame in traces_of_line:
                     frame.line.color = colors[idx]
                     frame.line.width = 5