Update dashboard.py

dashboard.py

@@ -117,59 +117,71 @@ def create_ent_bar_charts(ents, **kwargs):
 
 
 def create_ontology_bar_charts(ents, **kwargs):
-  if ents=='Drug':
-    df = pd.DataFrame({
-        'Drug_Ontologies': [ont.split('/')[-1] for ont in topDrugOnts_df['ontology']],
-        'Frequency': list(topDrugOnts_df['count']),
-        'url': list(topDrugOnts_df['ontology_url'])  # using full keys as hyperlinks
-    })
-    # Create bar chart with label as x-axis
-    bars = hv.Bars(df, kdims=['Drug_Ontologies'], vdims=['Frequency'])
-    bars.opts(
+    if ents=='Drug':
+        df = pd.DataFrame({
+            'Drug_Ontologies': [ont.split('/')[-1] for ont in topDrugOnts_df['ontology']],
+            'Frequency': list(topDrugOnts_df['count']),
+            'url': list(topDrugOnts_df['ontology_url'])  # using full keys as hyperlinks
+        })
+        drug_ontolgy_buttons = []
+        for i,row in df.iterrows():
+            button = pn.widgets.Button(name=row['Drug_Ontologies'], width=150)
+            ## Open the associated URL in a new tab when button is clicked
+            button.js_on_click(
+                code=f'{row["url"]}", "_blank");')
+            drug_ontolgy_buttons.append(button)
+        drug_ontology_column = pn.Column(*drug_ontolgy_buttons, sizing_mode='stretch_width')
+
+        # Create bar chart with label as x-axis
+        bars = hv.Bars(df, kdims=['Drug_Ontologies'], vdims=['Frequency'])
+        bars.opts(
+            framewise=True,
+            tools=['hover'],
+            width=1200,
+            height=600,
+            show_legend=True,
+            xrotation=45,
+            xlabel='Drug_Ontologies',
+            ylabel='Frequency',
+            hover_tooltips=[
+                ("Drug_Ontologies", "@Drug_Ontologies"),
+                ("Frequency", "@Frequency")
+            ]
+        )
+        #links_panel = pn.Column(*[pn.pane.Markdown(f"[{row.Drug_Ontologies}]({row.url})", width=400) for _, row in df.iterrows()],name='Links')
+        layout = pn.Row(bars, drug_ontology_column)
+        return layout
+    elif ents=='Condition':
+        df = pd.DataFrame({
+              'Condition_Ontologies': [ont.split('/')[-1] for ont in topConditionOnts_df['ontology']],
+              'Frequency': list(topConditionOnts_df['count']),
+              'url': list(topConditionOnts_df['ontology_url'])  # using full keys as hyperlinks
+          })
+        condition_ontolgy_buttons = []
+        for i, row in df.iterrows():
+            button = pn.widgets.Button(name=row['Condition_Ontologies'], width=150)
+            ## Open the associated URL in a new tab when button is clicked
+            button.js_on_click(
+                code=f'{row["url"]}", "_blank");')
+            condition_ontolgy_buttons.append(button)
+        condition_ontology_column = pn.Column(*condition_ontolgy_buttons, sizing_mode='stretch_width')
+        # Create bar chart with label as x-axis
+        bars = hv.Bars(df, kdims=['Condition_Ontologies'], vdims=['Frequency'])
+        bars.opts(
         framewise=True,
         tools=['hover'],
         width=1200,
         height=600,
         show_legend=True,
         xrotation=45,
-        xlabel='Drug_Ontologies',
+        xlabel='Condition_Ontologies',
         ylabel='Frequency',
         hover_tooltips=[
-            ("Drug_Ontologies", "@Drug_Ontologies"),
-            ("Frequency", "@Frequency")
-        ]
-    )
-    links_panel = pn.Column(
-        *[pn.pane.Markdown(f"[{row.Drug_Ontologies}]({row.url})", width=400) for _, row in df.iterrows()],
-        name='Links'
-    )
-    layout = pn.Row(bars, links_panel)
-    return layout
-  elif ents=='Condition':
-    df = pd.DataFrame({
-          'Condition_Ontologies': [ont.split('/')[-1] for ont in topConditionOnts_df['ontology']],
-          'Frequency': list(topConditionOnts_df['count']),
-          'url': list(topConditionOnts_df['ontology_url'])  # using full keys as hyperlinks
-      })
-    # Create bar chart with label as x-axis
-    bars = hv.Bars(df, kdims=['Condition_Ontologies'], vdims=['Frequency'])
-    bars.opts(
-    framewise=True,
-    tools=['hover'],
-    width=1200,
-    height=600,
-    show_legend=True,
-    xrotation=45,
-    xlabel='Condition_Ontologies',
-    ylabel='Frequency',
-    hover_tooltips=[
-        ("Condition Ontologies", "@Condition Ontologies"),
-        ("Frequency", "@Frequency") ])
-    links_panel = pn.Column(
-    *[pn.pane.Markdown(f"[{row.Condition_Ontologies}]({row.url})", width=400) for _, row in df.iterrows()],
-    name='Links')
-    layout = pn.Row(bars, links_panel)
-    return layout
+            ("Condition Ontologies", "@Condition Ontologies"),
+            ("Frequency", "@Frequency") ])
+        #links_panel = pn.Column(*[pn.pane.Markdown(f"[{row.Condition_Ontologies}]({row.url})", width=400) for _, row in df.iterrows()],name='Links')
+        layout = pn.Row(bars, condition_ontology_column)
+        return layout
 
 ############################# WIDGETS & CALLBACK ###########################################
 
@@ -205,13 +217,21 @@ button1 = pn.widgets.Button(name="Introduction", button_type="warning", icon="fi
 button2 = pn.widgets.Button(name="Top Key Entities", button_type="warning", icon="chart-bar", styles={"width": "100%"})
 button3 = pn.widgets.Button(name="Entity/Relation Types:", button_type="warning",  icon="chart-histogram", styles={"width": "100%"})
 button4 = pn.widgets.Button(name="Ontology Coverage", button_type="warning", icon="chart-dots-filled", styles={"width": "100%"})
-button5 = pn.widgets.Button(name="Causal Relation Chord Diagrams", button_type="warning", icon="chart-dots-filled", styles={"width": "100%"})
+#button5 = pn.widgets.Button(name="Causal Relation Chord Diagrams", button_type="warning", icon="chart-dots-filled", styles={"width": "100%"})
+
+button5 = pn.pane.Markdown(
+    "<div style='background-color:#f0f0f0; padding:8px 16px; border:1px solid #ccc; "
+    "border-radius:6px; text-align:center; width:100px;'>Causal Relation Chord Diagrams</div>",
+    width=120,
+    height=40,
+    margin=(5, 5)
+)
 # Define child buttons
-child_button_1 = pn.widgets.Button(name="Cause", button_type="warning")
-child_button_2 = pn.widgets.Button(name="Enable", button_type="warning")
-child_button_3 = pn.widgets.Button(name="Prevent", button_type="warning")
-child_button_4 = pn.widgets.Button(name="Hinder", button_type="warning")
-child_button_5 = pn.widgets.Button(name="Other", button_type="warning")
+child_button_1 = pn.widgets.Button(name="Cause", button_type="warning", icon="chart-dots-filled", styles={"width": "100%"})
+child_button_2 = pn.widgets.Button(name="Enable", button_type="warning", icon="chart-dots-filled", styles={"width": "100%"})
+child_button_3 = pn.widgets.Button(name="Prevent", button_type="warning", icon="chart-dots-filled", styles={"width": "100%"})
+child_button_4 = pn.widgets.Button(name="Hinder", button_type="warning", icon="chart-dots-filled", styles={"width": "100%"})
+child_button_5 = pn.widgets.Button(name="Other", button_type="warning", icon="chart-dots-filled", styles={"width": "100%"})
 # Layout: dendrogram-style using vertical + indent
 tree_layout = pn.Column(
     button5,
@@ -303,7 +323,7 @@ def CreatePage3():
 
 def CreatePage4():
     return pn.Column(
-        pn.pane.Markdown("## Bio Ontology Coverage "),
+        pn.pane.Markdown("## Bio-Medical Ontology Coverage "),
         entTypeButton,
         pn.bind(create_ontology_bar_charts, entTypeButton),
         align="center", )