Update pages/dul_suture.py

pages/dul_suture.py

@@ -113,51 +113,51 @@ tab1_content = html.Div([
                  options=df.columns),
     html.Label("N Genes by Counts"),
     dcc.RangeSlider(
-        id='range-slider_db4-1',
+        id='range-slider_db8-1',
         step=250,
         value=[min_value, max_value],
         marks={i: str(i) for i in range(min_value, max_value + 1, 250)},
     ),
-    dcc.Input(id='min-slider_db4-1', type='number', value=min_value, debounce=True),
-    dcc.Input(id='max-slider_db4-1', type='number', value=max_value, debounce=True),
+    dcc.Input(id='min-slider_db8-1', type='number', value=min_value, debounce=True),
+    dcc.Input(id='max-slider_db8-1', type='number', value=max_value, debounce=True),
     html.Label("Total Counts"),
     dcc.RangeSlider(
-        id='range-slider_db4-2',
+        id='range-slider_db8-2',
         step=7500,
         value=[min_value_2, max_value_2],
         marks={i: str(i) for i in range(min_value_2, max_value_2 + 1, 7500)},
     ),
-    dcc.Input(id='min-slider_db4-2', type='number', value=min_value_2, debounce=True),
-    dcc.Input(id='max-slider_db4-2', type='number', value=max_value_2, debounce=True),
+    dcc.Input(id='min-slider_db8-2', type='number', value=min_value_2, debounce=True),
+    dcc.Input(id='max-slider_db8-2', type='number', value=max_value_2, debounce=True),
     html.Label("Percent Mitochondrial Genes"),
     dcc.RangeSlider(
-        id='range-slider_db4-3',
+        id='range-slider_db8-3',
         step=5,
         min=0,
         max=100,
         value=[min_value_3, max_value_3],
     ),
-    dcc.Input(id='min-slider_db4-3', type='number', value=min_value_3, debounce=True),
-    dcc.Input(id='max-slider_db4-3', type='number', value=max_value_3, debounce=True),
+    dcc.Input(id='min-slider_db8-3', type='number', value=min_value_3, debounce=True),
+    dcc.Input(id='max-slider_db8-3', type='number', value=max_value_3, debounce=True),
     html.Div([
-        dcc.Graph(id='pie-graph_db4', figure={}, className='four columns',config=config_fig),
-        dcc.Graph(id='my-graph_db4', figure={}, clickData=None, hoverData=None,
+        dcc.Graph(id='pie-graph_db8', figure={}, className='four columns',config=config_fig),
+        dcc.Graph(id='my-graph_db8', figure={}, clickData=None, hoverData=None,
                   className='four columns',config=config_fig
                   ),
-        dcc.Graph(id='scatter-plot_db4', figure={}, className='four columns',config=config_fig)
+        dcc.Graph(id='scatter-plot_db8', figure={}, className='four columns',config=config_fig)
     ]),
     html.Div([
-        dcc.Graph(id='scatter-plot_db4-2', figure={}, className='four columns',config=config_fig)
+        dcc.Graph(id='scatter-plot_db8-2', figure={}, className='four columns',config=config_fig)
     ]),
     html.Div([
-        dcc.Graph(id='scatter-plot_db4-3', figure={}, className='four columns',config=config_fig)
+        dcc.Graph(id='scatter-plot_db8-3', figure={}, className='four columns',config=config_fig)
     ]),
     html.Div([
-        dcc.Graph(id='scatter-plot_db4-4', figure={}, className='four columns',config=config_fig)
+        dcc.Graph(id='scatter-plot_db8-4', figure={}, className='four columns',config=config_fig)
     ]),
 ])
 
-# Create the second tab content with scatter-plot_db4-5 and scatter-plot_db4-6
+# Create the second tab content with scatter-plot_db8-5 and scatter-plot_db8-6
 tab2_content = html.Div([
     html.Div([
             html.Label("S-cycle genes"),
@@ -267,20 +267,20 @@ tab2_content = html.Div([
 
     ]),
     html.Div([
-        dcc.Graph(id='scatter-plot_db4-5', figure={}, className='three columns',config=config_fig)
+        dcc.Graph(id='scatter-plot_db8-5', figure={}, className='three columns',config=config_fig)
     ]),
     html.Div([
-        dcc.Graph(id='scatter-plot_db4-6', figure={}, className='three columns',config=config_fig)
+        dcc.Graph(id='scatter-plot_db8-6', figure={}, className='three columns',config=config_fig)
     ]),
     html.Div([
-        dcc.Graph(id='scatter-plot_db4-7', figure={}, className='three columns',config=config_fig)
+        dcc.Graph(id='scatter-plot_db8-7', figure={}, className='three columns',config=config_fig)
     ]),
     html.Div([
-        dcc.Graph(id='scatter-plot_db4-8', figure={}, className='three columns',config=config_fig)
+        dcc.Graph(id='scatter-plot_db8-8', figure={}, className='three columns',config=config_fig)
     ]),
 ])
 
-# Create the second tab content with scatter-plot_db4-5 and scatter-plot_db4-6
+# Create the second tab content with scatter-plot_db8-5 and scatter-plot_db8-6
 tab3_content = html.Div([
     html.Div([
             html.Label("UMAP condition 1"),
@@ -290,23 +290,23 @@ tab3_content = html.Div([
             dcc.Dropdown(id='dpdn6', value="n_genes_by_counts", multi=False,
                  options=df.columns),
     html.Div([
-        dcc.Graph(id='scatter-plot_db4-9', figure={}, className='four columns',config=config_fig)
+        dcc.Graph(id='scatter-plot_db8-9', figure={}, className='four columns',config=config_fig)
     ]),
     html.Div([
-        dcc.Graph(id='scatter-plot_db4-10', figure={}, className='four columns',config=config_fig)
+        dcc.Graph(id='scatter-plot_db8-10', figure={}, className='four columns',config=config_fig)
     ]),
     html.Div([
-        dcc.Graph(id='scatter-plot_db4-11', figure={}, className='four columns',config=config_fig)
+        dcc.Graph(id='scatter-plot_db8-11', figure={}, className='four columns',config=config_fig)
     ]),
     html.Div([
-            dcc.Graph(id='my-graph_db42', figure={}, clickData=None, hoverData=None,
+            dcc.Graph(id='my-graph_db82', figure={}, clickData=None, hoverData=None,
                   className='four columns',config=config_fig
                   )
     ]),
     ]),
 ])
 #    html.Div([
-#        dcc.Graph(id='scatter-plot_db4-12', figure={}, className='four columns',config=config_fig)
+#        dcc.Graph(id='scatter-plot_db8-12', figure={}, className='four columns',config=config_fig)
 #    ]),
 
 
@@ -317,7 +317,7 @@ tab4_content = html.Div([
                  options=df.columns),
 ]),
     html.Div([
-        dcc.Graph(id='scatter-plot_db4-12', figure={}, className='row',style={'width': '100vh', 'height': '90vh'}),  # px)
+        dcc.Graph(id='scatter-plot_db8-12', figure={}, className='row',style={'width': '100vh', 'height': '90vh'}),  # px)
     ]),
 ])
 
@@ -337,63 +337,63 @@ layout = html.Div([
 
 # Define the circular callback
 @callback(
-    Output("min-slider_db4-1", "value"),
-    Output("max-slider_db4-1", "value"),
-    Output("min-slider_db4-2", "value"),
-    Output("max-slider_db4-2", "value"),
-    Output("min-slider_db4-3", "value"),
-    Output("max-slider_db4-3", "value"),
-    Input("min-slider_db4-1", "value"),
-    Input("max-slider_db4-1", "value"),
-    Input("min-slider_db4-2", "value"),
-    Input("max-slider_db4-2", "value"),
-    Input("min-slider_db4-3", "value"),
-    Input("max-slider_db4-3", "value"),
+    Output("min-slider_db8-1", "value"),
+    Output("max-slider_db8-1", "value"),
+    Output("min-slider_db8-2", "value"),
+    Output("max-slider_db8-2", "value"),
+    Output("min-slider_db8-3", "value"),
+    Output("max-slider_db8-3", "value"),
+    Input("min-slider_db8-1", "value"),
+    Input("max-slider_db8-1", "value"),
+    Input("min-slider_db8-2", "value"),
+    Input("max-slider_db8-2", "value"),
+    Input("min-slider_db8-3", "value"),
+    Input("max-slider_db8-3", "value"),
      
 )
 def circular_callback(min_1, max_1, min_2, max_2, min_3, max_3):
     return min_1, max_1, min_2, max_2, min_3, max_3
 
 @callback(
-    Output('range-slider_db4-1', 'value'),
-    Output('range-slider_db4-2', 'value'),
-    Output('range-slider_db4-3', 'value'),
-    Input('min-slider_db4-1', 'value'),
-    Input('max-slider_db4-1', 'value'),
-    Input('min-slider_db4-2', 'value'),
-    Input('max-slider_db4-2', 'value'),
-    Input('min-slider_db4-3', 'value'),
-    Input('max-slider_db4-3', 'value'),
+    Output('range-slider_db8-1', 'value'),
+    Output('range-slider_db8-2', 'value'),
+    Output('range-slider_db8-3', 'value'),
+    Input('min-slider_db8-1', 'value'),
+    Input('max-slider_db8-1', 'value'),
+    Input('min-slider_db8-2', 'value'),
+    Input('max-slider_db8-2', 'value'),
+    Input('min-slider_db8-3', 'value'),
+    Input('max-slider_db8-3', 'value'),
      
 )
 def update_slider_values(min_1, max_1, min_2, max_2, min_3, max_3):
     return [min_1, max_1], [min_2, max_2], [min_3, max_3]
 
 @callback(
-    Output(component_id='my-graph_db4', component_property='figure'),
-    Output(component_id='pie-graph_db4', component_property='figure'),
-    Output(component_id='scatter-plot_db4', component_property='figure'),
-    Output(component_id='scatter-plot_db4-2', component_property='figure'),
-    Output(component_id='scatter-plot_db4-3', component_property='figure'),
-    Output(component_id='scatter-plot_db4-4', component_property='figure'),  # Add this new scatter plot
-    Output(component_id='scatter-plot_db4-5', component_property='figure'),
-    Output(component_id='scatter-plot_db4-6', component_property='figure'),
-    Output(component_id='scatter-plot_db4-7', component_property='figure'),
-    Output(component_id='scatter-plot_db4-8', component_property='figure'),
-    Output(component_id='scatter-plot_db4-9', component_property='figure'),
-    Output(component_id='scatter-plot_db4-10', component_property='figure'),
-    Output(component_id='scatter-plot_db4-11', component_property='figure'),
-    Output(component_id='scatter-plot_db4-12', component_property='figure'),
-    Output(component_id='my-graph_db42', component_property='figure'),
+    Output(component_id='my-graph_db8', component_property='figure'),
+    Output(component_id='pie-graph_db8', component_property='figure'),
+    Output(component_id='scatter-plot_db8', component_property='figure'),
+    Output(component_id='scatter-plot_db8-2', component_property='figure'),
+    Output(component_id='scatter-plot_db8-3', component_property='figure'),
+    Output(component_id='scatter-plot_db8-4', component_property='figure'),  # Add this new scatter plot
+    Output(component_id='scatter-plot_db8-5', component_property='figure'),
+    Output(component_id='scatter-plot_db8-6', component_property='figure'),
+    Output(component_id='scatter-plot_db8-7', component_property='figure'),
+    Output(component_id='scatter-plot_db8-8', component_property='figure'),
+    Output(component_id='scatter-plot_db8-9', component_property='figure'),
+    Output(component_id='scatter-plot_db8-10', component_property='figure'),
+    Output(component_id='scatter-plot_db8-11', component_property='figure'),
+    Output(component_id='scatter-plot_db8-12', component_property='figure'),
+    Output(component_id='my-graph_db82', component_property='figure'),
     Input(component_id='dpdn2', component_property='value'),
     Input(component_id='dpdn3', component_property='value'),
     Input(component_id='dpdn4', component_property='value'),
     Input(component_id='dpdn5', component_property='value'),
     Input(component_id='dpdn6', component_property='value'),
     Input(component_id='dpdn7', component_property='value'),
-    Input(component_id='range-slider_db4-1', component_property='value'),
-    Input(component_id='range-slider_db4-2', component_property='value'),
-    Input(component_id='range-slider_db4-3', component_property='value'),
+    Input(component_id='range-slider_db8-1', component_property='value'),
+    Input(component_id='range-slider_db8-2', component_property='value'),
+    Input(component_id='range-slider_db8-3', component_property='value'),
      
 )
 
@@ -415,7 +415,7 @@ def update_graph_and_pie_chart(col_chosen, s_chosen, g2m_chosen, condition1_chos
     dff = dff.sort(col_chosen)
     
     # Plot figures
-    fig_violin_db4 = px.violin(data_frame=dff, x=col_chosen, y=col_features, box=True, points="all",
+    fig_violin_db8 = px.violin(data_frame=dff, x=col_chosen, y=col_features, box=True, points="all",
                             color=col_chosen, hover_name=col_chosen,template="seaborn")
 
     # Cache commonly used subexpressions
@@ -470,70 +470,70 @@ def update_graph_and_pie_chart(col_chosen, s_chosen, g2m_chosen, condition1_chos
     #expression_means = expression_means.select(["batch", "Gene", "Expression"] + condition3_chosen)
     category_counts = category_counts.sort(col_chosen)
     
-    fig_pie_db4 = px.pie(category_counts, values="normalized_count", names=col_chosen, labels=col_chosen, hole=.3, title=pie_title, template="seaborn")
+    fig_pie_db8 = px.pie(category_counts, values="normalized_count", names=col_chosen, labels=col_chosen, hole=.3, title=pie_title, template="seaborn")
 
     #labels = category_counts[col_chosen].to_list()
     #values = category_counts["normalized_count"].to_list()
 
     # Create the scatter plots
-    fig_scatter_db4 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=col_chosen,
+    fig_scatter_db8 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=col_chosen,
                              labels={'X_umap-0': 'umap1' , 'X_umap-1': 'umap2'},
                              hover_name='batch',template="seaborn")
 
-    fig_scatter_db4_2 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=col_mt,
+    fig_scatter_db8_2 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=col_mt,
                              labels={'X_umap-0': 'umap1' , 'X_umap-1': 'umap2'},
                              hover_name='batch',template="seaborn")
 
-    fig_scatter_db4_3 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=col_features,
+    fig_scatter_db8_3 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=col_features,
                              labels={'X_umap-0': 'umap1' , 'X_umap-1': 'umap2'},
                              hover_name='batch',template="seaborn")
 
 
-    fig_scatter_db4_4 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=col_counts,
+    fig_scatter_db8_4 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=col_counts,
                              labels={'X_umap-0': 'umap1' , 'X_umap-1': 'umap2'},
                              hover_name='batch',template="seaborn")
     
-    fig_scatter_db4_5 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=s_chosen,
+    fig_scatter_db8_5 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=s_chosen,
                             labels={'X_umap-0': 'umap1' , 'X_umap-1': 'umap2'},
                             hover_name='batch', title="S-cycle gene:",template="seaborn")
 
-    fig_scatter_db4_6 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=g2m_chosen,
+    fig_scatter_db8_6 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=g2m_chosen,
                             labels={'X_umap-0': 'umap1' , 'X_umap-1': 'umap2'},
                             hover_name='batch', title="G2M-cycle gene:",template="seaborn")
     
-    fig_scatter_db4_7 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color="S_score",
+    fig_scatter_db8_7 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color="S_score",
                             labels={'X_umap-0': 'umap1' , 'X_umap-1': 'umap2'},
                             hover_name='batch', title="S score:",template="seaborn")
     
-    fig_scatter_db4_8 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color="G2M_score",
+    fig_scatter_db8_8 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color="G2M_score",
                             labels={'X_umap-0': 'umap1' , 'X_umap-1': 'umap2'},
                             hover_name='batch', title="G2M score:",template="seaborn")
 
     # Sort values of custom in-between
     dff = dff.sort(condition1_chosen)
     
-    fig_scatter_db4_9 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=condition1_chosen,
+    fig_scatter_db8_9 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=condition1_chosen,
                             labels={'X_umap-0': 'umap1' , 'X_umap-1': 'umap2'},
                             hover_name='batch',template="seaborn")
     
-    fig_scatter_db4_10 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=condition2_chosen,
+    fig_scatter_db8_10 = px.scatter(data_frame=dff, x='X_umap-0', y='X_umap-1', color=condition2_chosen,
                             labels={'X_umap-0': 'umap1' , 'X_umap-1': 'umap2'},
                             hover_name='batch',template="seaborn")
     
-    fig_scatter_db4_11 = px.scatter(data_frame=dff, x=condition1_chosen, y=condition2_chosen, color=condition1_chosen,
+    fig_scatter_db8_11 = px.scatter(data_frame=dff, x=condition1_chosen, y=condition2_chosen, color=condition1_chosen,
                             #labels={'X_umap-0': 'umap1' , 'X_umap-1': 'umap2'},
                             hover_name='batch',template="seaborn")
     
-    fig_scatter_db4_12 = px.scatter(data_frame=expression_means, x="Gene", y=col_chosen, color="Mean expression",
+    fig_scatter_db8_12 = px.scatter(data_frame=expression_means, x="Gene", y=col_chosen, color="Mean expression",
                                 size="percentage", size_max = 20,
                             #labels={'X_umap-0': 'umap1' , 'X_umap-1': 'umap2'},
                             hover_name=col_chosen,template="seaborn")
     
-    fig_violin_db42 = px.violin(data_frame=dff, x=condition1_chosen, y=condition2_chosen, box=True, points="all",
+    fig_violin_db82 = px.violin(data_frame=dff, x=condition1_chosen, y=condition2_chosen, box=True, points="all",
                             color=condition1_chosen, hover_name=condition1_chosen,template="seaborn")
 
 
-    return fig_violin_db4, fig_pie_db4, fig_scatter_db4, fig_scatter_db4_2, fig_scatter_db4_3, fig_scatter_db4_4, fig_scatter_db4_5, fig_scatter_db4_6, fig_scatter_db4_7, fig_scatter_db4_8, fig_scatter_db4_9, fig_scatter_db4_10, fig_scatter_db4_11, fig_scatter_db4_12, fig_violin_db42
+    return fig_violin_db8, fig_pie_db8, fig_scatter_db8, fig_scatter_db8_2, fig_scatter_db8_3, fig_scatter_db8_4, fig_scatter_db8_5, fig_scatter_db8_6, fig_scatter_db8_7, fig_scatter_db8_8, fig_scatter_db8_9, fig_scatter_db8_10, fig_scatter_db8_11, fig_scatter_db8_12, fig_violin_db82
 
 # Set http://localhost:5000/ in web browser
 # Now create your regular FASTAPI application