Update app.py

app.py

@@ -178,12 +178,29 @@ def dist_colors(output_file, input_checks):
     range_ = ['#999999', '#b22222', '#663399', '#ffcc00', '#db7093', '#6495ed']
     n = max(data['Frequency'])
     
-    plot = alt.Chart(data, title="Emotion distribution over time").mark_line().encode(
-    x="Date",
+    highlight = alt.selection(
+    type='single', on='mouseover', fields=["Emotion category"], nearest=True)
+
+    
+    base = alt.Chart(data).encode(
+    x ="Date",
     y=alt.Y("Frequency", scale=alt.Scale(domain=[0, (n + 9) // 10 * 10])),
-    color=alt.Color("Emotion category", scale=alt.Scale(domain=domain, range=range_)),
-    tooltip=['Date', 'Frequency', 'Emotion category']).properties(
-    width=350).interactive()
+    color=alt.Color("Emotion category", scale=alt.Scale(domain=domain, range=range_)))
+    
+    
+    points = base.mark_circle().encode(
+        opacity=alt.value(0),
+        tooltip=[
+            alt.Tooltip('Emotion category', title='Emotion category'),
+            alt.Tooltip('Date', title='Date'),
+            alt.Tooltip('Frequency', title='Frequency')
+        ]).add_selection(highlight)
+
+    
+    lines = base.mark_line().encode(
+        size=alt.condition(~highlight, alt.value(1), alt.value(3)))
+    
+    plot = (points + lines).properties(width=600, height=350).interactive()
     
     if "peaks" in input_checks:
         return gr.update(value=plot, visible=True), gr.update(visible=True), gr.update(visible=False)  # next_button_peaks becomes available