Turn donut chart into a bar chart

app.py

@@ -269,7 +269,34 @@ def donut_chart_total() -> alt.Chart:
 
     return chart
 
+def bar_chart_total() -> alt.Chart:
+    """A bar chart with the progress of the total annotations in each language.
 
+    Returns:
+        An altair chart with the bar chart.
+    """
+    # Load your data
+    annotated_records = [annotation for annotation in annotations.values()]
+    languages = [language.capitalize() for language in annotations.keys()]
+
+    # Prepare data for the bar chart
+    source = pd.DataFrame(
+        {
+            "values": annotated_records,
+            "category": languages,
+        }
+    )
+
+    base = alt.Chart(source, width=300, height=200).encode(
+        x=alt.X('values:Q', title='Translations'),
+        y=alt.Y('category:N', title='Language'),
+        text='values:Q',
+        color=alt.Color('category:N', legend=None)
+    )
+
+    rule = alt.Chart(source).mark_rule(color='red').encode(x=alt.datum(500))
+    
+    return base.mark_bar() + base.mark_text(align='left', dx=2) + rule
 
 def main() -> None:
 
@@ -314,11 +341,11 @@ def main() -> None:
                 outputs=[kpi_chart_annotations],
             )
 
-            donut_languages = gr.Plot(label="Plot")
+            bar_languages = gr.Plot(label="Plot")
             demo.load(
-                donut_chart_total,
+                bar_chart_total,
                 inputs=[],
-                outputs=[donut_languages],
+                outputs=[bar_languages],
             )
 
         gr.Markdown(