Update app.py

app.py

@@ -62,7 +62,6 @@ def get_user_annotations_dictionary(
 
     return output
 
-
 def donut_chart2() -> alt.Chart:
     # Load your data
     source_dataset, results = obtain_source_target_datasets()
@@ -79,16 +78,28 @@ def donut_chart2() -> alt.Chart:
     # Base chart for donut segments
     base = alt.Chart(source).encode(
         theta=alt.Theta(field="values", type="quantitative", stack=True),  # The angle encoding
-        color=alt.Color(field="colors", type="nominal", legend=alt.Legend(title="Category"), scale=None),  # Direct color specification
+        color=alt.Color(field="colors", type="nominal", legend=None),  # Direct color specification
         tooltip=['category', 'values']  # Tooltips for interactivity
     )
 
     # Arc marks for donut segments
     arcs = base.mark_arc(innerRadius=100, outerRadius=150, stroke="#fff")  # Increased inner radius for a thicker donut
 
-    # Text marks for labels, adjusted to be placed within the donut segments
-    text = base.mark_text(radiusOffset=-70, size=16, color='white').encode(
-        text=alt.Text(field="values", type="quantitative"),  # The text to display
+    # Calculate the midpoints of the arc segments for label placement
+    text_df = pd.DataFrame({
+        'start_angle': [0],
+        'end_angle': [360 * annotated_records / (annotated_records + pending_records)]
+    })
+    text_df = text_df.append({
+        'start_angle': text_df.iloc[0]['end_angle'],
+        'end_angle': 360
+    }, ignore_index=True)
+    text_df['mid_angle'] = (text_df['start_angle'] + text_df['end_angle']) / 2
+
+    # Create labels based on the mid_angle for better placement
+    text = alt.Chart(text_df).mark_text(radius=120, size=20, color='black').encode(
+        text=alt.Text('mid_angle:O', format='.1f'),
+        angle=alt.Angle('mid_angle:Q')
     )
 
     # Combine the arcs and text
@@ -98,14 +109,11 @@ def donut_chart2() -> alt.Chart:
     chart = chart.configure_view(
         strokeWidth=0,  # Remove border around chart
         fill=None  # Ensure background is transparent
-    ).configure_axis(
-        grid=False  # Turn off the grid
     )
 
     return chart
 
 
-
 def donut_chart() -> alt.Chart:
     # Load your data
     source_dataset, results = obtain_source_target_datasets()