Update app.py

app.py

@@ -95,6 +95,30 @@ def donut_chart() -> alt.Chart:
     return chart
 
 
+def kpi_chart_submitted() -> alt.Chart:
+    """
+    This function returns a KPI chart with the total amount of annotators.
+    Returns:
+        An altair chart with the KPI chart.
+    """
+
+    # Obtain the total amount of annotators
+    _, target_dataset = obtain_source_target_datasets()
+
+    total = len(target_dataset)
+
+    # Assuming you have a DataFrame with user data, create a sample DataFrame
+    data = pd.DataFrame({"Category": ["Total completed"], "Value": [total]})
+
+    # Create Altair chart
+    chart = (
+        alt.Chart(data)
+        .mark_text(fontSize=100, align="center", baseline="middle", color="steelblue")
+        .encode(text="Value:N")
+        .properties(title="Total completed", width=250, height=200)
+    )
+
+    return chart
 
 
 def kpi_chart() -> alt.Chart:
@@ -177,12 +201,22 @@ def main() -> None:
             <h3> {remaining} records to reach the target</h3>
             """
         )
-        plot = gr.Plot(label="Plot")
-        demo.load(
-            donut_chart,
-            inputs=[],
-            outputs=[plot],
-        )
+        with gr.Row():
+
+            plot = gr.Plot(label="Plot")
+            demo.load(
+                kpi_chart_submitted,
+                inputs=[],
+                outputs=[plot],
+            )
+
+            plot2 = gr.Plot(label="Plot")
+            demo.load(
+                kpi_chart,
+                inputs=[],
+                outputs=[plot2],
+            )
+
 
         gr.Markdown(
             """