FIX: Background nodes now don't cover paths

After reading this issue, plotly/plotly.py#2345 (comment)

We needed to convert the traces, which were Scatter() objects, into Scattergl() objects as they have different drawing priorities.

In the future, we should change the cache to be of ScatterGL objects instead of Scatter. This is a temporary fix

Author: steveand117

dygetviz/plot_dash.py

@@ -282,6 +282,13 @@ def f(x):
     profile['description'] = profile.apply(f, axis=1)
     return profile
 
+def convert_scatter_to_scattergl(scatter):
+    line = { "color": scatter.line.color, "dash": scatter.line.dash, "shape": scatter.line.shape, "width": scatter.line.width }
+    marker = { "size": scatter.marker.size, 'symbol': scatter.marker.symbol}
+    return go.Scattergl(x=scatter.x, y=scatter.y, xaxis=scatter.xaxis, yaxis=scatter.yaxis, customdata=scatter.customdata,
+                        hovertemplate=scatter.hovertemplate, hovertext=scatter.hovertext, legendgroup=scatter.legendgroup, 
+                        line= line, marker=marker, mode=scatter.mode, name=scatter.name, showlegend=scatter.showlegend,
+                          selectedpoints=scatter.selectedpoints, text=scatter.text, textposition=scatter.textposition)
 
 # List to keep track of current annotations
 annotations = []
@@ -422,7 +429,7 @@ def add_traces():
             elif value in nodes:
 
                 trace = node2trace[value]
-
+                trace = convert_scatter_to_scattergl(trace)
                 if display_node_type:
                     label = node2label[value]
                     trace.line['color'] = label2colors[label][idx]
@@ -441,6 +448,8 @@ def add_traces():
 
                 for idx_node, node in enumerate(label2node[value]):
                     trace = node2trace[node]
+                    # Haven't tested this since I believe category is broken (after adding only a subset of node trajectories)
+                    trace = convert_scatter_to_scattergl(trace)
                     trace.line['color'] = label2colors[value][idx_node % 12]
                     fig.add_trace(trace)
 

dygetviz/plot_dash_server.py

@@ -14,13 +14,11 @@
 from dash import dcc, html
 from dash.dependencies import Input, Output, State
 from tqdm import tqdm
-import json
 
 import const
 import const_viz
 from arguments import args
 from data.dataloader import load_data
-from utils.utils_data import get_modified_time_of_file
 from utils.utils_misc import project_setup
 from utils.utils_visual import get_colors, get_nodes_and_options
 
@@ -215,6 +213,13 @@ def add_traces(fig, figure_name2trace):
 # List to keep track of current annotations
 annotations = []
 
+def convert_scatter_to_scattergl(scatter):
+    line = { "color": scatter.line.color, "dash": scatter.line.dash, "shape": scatter.line.shape, "width": scatter.line.width }
+    marker = { "size": scatter.marker.size, 'symbol': scatter.marker.symbol}
+    return go.Scattergl(x=scatter.x, y=scatter.y, xaxis=scatter.xaxis, yaxis=scatter.yaxis, customdata=scatter.customdata,
+                        hovertemplate=scatter.hovertemplate, hovertext=scatter.hovertext, legendgroup=scatter.legendgroup, 
+                        line= line, marker=marker, mode=scatter.mode, name=scatter.name, showlegend=scatter.showlegend,
+                          selectedpoints=scatter.selectedpoints, text=scatter.text, textposition=scatter.textposition)
 @app.callback(
     Output('dygetviz', 'figure'),
     Output('trajectory-names-store', 'data'),
@@ -353,16 +358,15 @@ def update_graph(dataset_name, trajectory_names, clickData, current_figure, traj
             elif value in nodes:
 
                 trace = node2trace[value]
-
+                trace = convert_scatter_to_scattergl(trace)
                 if display_node_type:
                     label = node2label[value]
                     trace.line['color'] = label2colors[label][idx]
                     print(f"\tAdd node:\t{value} ({label})")
-
                 else:
                     trace.line['color'] = label2colors[0][idx]
-                    print(f"\tAdd node:\t{value}")
-
+                    print(f"\tAdd node:\t{value}") 
+                
                 fig.add_trace(trace)
 
 
@@ -372,6 +376,8 @@ def update_graph(dataset_name, trajectory_names, clickData, current_figure, traj
 
                 for idx_node, node in enumerate(label2node[value]):
                     trace = node2trace[node]
+                    print("trying to convert to scattergl3")
+                    trace = convert_scatter_to_scattergl(trace)
                     trace.line['color'] = label2colors[value][idx_node % 12]
                     fig.add_trace(trace)