Update app.py

app.py

@@ -66,41 +66,46 @@ import altair as alt
 import pandas as pd
 import os
 
+import altair as alt
+import pandas as pd
+import os
+
 def progress_bar_chart() -> alt.Chart:
     source_dataset, _ = obtain_source_target_datasets()
-    annotated_records = len(source_dataset)
-    total_records = int(os.getenv("TARGET_RECORDS"))
-    percentage_complete = annotated_records / total_records * 100
+    total_records = int(os.getenv("TARGET_RECORDS"))  # This should be the total number of records you want to annotate.
+    annotated_records = len(source_dataset)  # This is the number of records already annotated.
+    pending_records = total_records - annotated_records  # Calculate the pending records.
+    percentage_complete = annotated_records / total_records * 100  # The percentage of completion.
 
-    # Data for the progress bar
+    # Create a DataFrame for the progress bar data.
     progress_data = pd.DataFrame({
-        'category': ['Progress'],
+        'category': ['Annotated'],
         'percentage': [percentage_complete]
     })
 
-    # Data for the total label
-    total_label = pd.DataFrame({
-        'category': ['Total'],
-        'percentage': [100],
-        'label': [f'{annotated_records} / {total_records}']
+    # Create a DataFrame for the annotation label.
+    annotation_label = pd.DataFrame({
+        'category': ['Pending'],
+        'percentage': [percentage_complete],
+        'label': [f'{pending_records} / {annotated_records}']
     })
 
-    # Progress bar
+    # Create the progress bar chart.
     progress_bar = alt.Chart(progress_data).mark_bar(color='lightgreen', size=50).encode(
         x=alt.X('percentage:Q', axis=alt.Axis(title='Completion Percentage', format='%'), scale=alt.Scale(domain=(0, 100)))
     )
 
-    # Total label
-    total_text = alt.Chart(total_label).mark_text(dx=5, dy=-5, align='left', fontSize=15, fontWeight='bold').encode(
-        x=alt.X('percentage:Q'),
+    # Add the annotation text to the chart.
+    annotation_text = alt.Chart(annotation_label).mark_text(dx=-15, dy=20, align='right', fontSize=16, fontWeight='bold').encode(
+        x=alt.X('percentage:Q', stack='zero'),
         text=alt.Text('label:N')
     )
 
-    # Combine the bar and the label
-    chart = progress_bar + total_text
-
-    # Optionally, add a title
-    chart = chart.properties(title='Progress Towards Goal')
+    # Combine the progress bar and the annotation text.
+    chart = (progress_bar + annotation_text).properties(
+        title='Progress Towards Goal',
+        width=700
+    )
 
     return chart