Move translations to top

app.py

@@ -11,6 +11,18 @@ from argilla.client.feedback.dataset.remote.dataset import RemoteFeedbackDataset
 import gradio as gr
 import pandas as pd
 
+# Translation of legends and titels
+ANNOTATED = 'Vertaald'
+NUMBER_ANNOTATED = 'Totaal vertaald'
+PENDING = 'Nog te gaan'
+
+NUMBER_ANNOTATORS = "Aantal vertalers"
+NAME = 'Username'
+NUMBER_ANNOTATIONS = 'Aantal vertalingen'
+
+CATEGORY = 'Categorie'
+
+
 
 def obtain_source_target_datasets() -> (
     Tuple[
@@ -84,7 +96,7 @@ def donut_chart_total() -> alt.Chart:
     source = pd.DataFrame(
         {
             "values": [annotated_records, pending_records],
-            "category": ["Vertaald", "Nog te gaan"],
+            "category": [ANNOTATED, PENDING],
             "colors": ["#4CAF50", "#757575"],  # Green for Completed, Grey for Remaining
         }
     )
@@ -94,7 +106,7 @@ def donut_chart_total() -> alt.Chart:
         radius=alt.Radius(
             "values", scale=alt.Scale(type="sqrt", zero=True, rangeMin=20)
         ),
-        color=alt.Color("category:N", legend=alt.Legend(title="Categorie")),
+        color=alt.Color("category:N", legend=alt.Legend(title=CATEGORY)),
     )
 
     c1 = base.mark_arc(innerRadius=20, stroke="#fff")
@@ -123,7 +135,7 @@ def donut_chart_target() -> alt.Chart:
     source = pd.DataFrame(
         {
             "values": [annotated_records, pending_records],
-            "category": ["Vertaald", "Nog te gaan"],
+            "category": [ANNOTATED, PENDING],
             "colors": ["#4CAF50", "#757575"],  # Green for Completed, Grey for Remaining
         }
     )
@@ -154,14 +166,14 @@ def kpi_chart_remaining() -> alt.Chart:
 
     pending_records = int(os.getenv("TARGET_RECORDS")) - len(target_dataset)
     # Assuming you have a DataFrame with user data, create a sample DataFrame
-    data = pd.DataFrame({"Category": ["Nog te gaan"], "Value": [pending_records]})
+    data = pd.DataFrame({"Category": [PENDING], "Value": [pending_records]})
 
     # Create Altair chart
     chart = (
         alt.Chart(data)
         .mark_text(fontSize=100, align="center", baseline="middle", color="steelblue")
         .encode(text="Value:N")
-        .properties(title="Nog te gaan", width=250, height=200)
+        .properties(title=PENDING, width=250, height=200)
     )
 
     return chart
@@ -177,14 +189,14 @@ def kpi_chart_submitted() -> alt.Chart:
     total = len(target_dataset)
 
     # Assuming you have a DataFrame with user data, create a sample DataFrame
-    data = pd.DataFrame({"Category": ["Totaal vertaald"], "Value": [total]})
+    data = pd.DataFrame({"Category": [NUMBER_ANNOTATED], "Value": [total]})
 
     # Create Altair chart
     chart = (
         alt.Chart(data)
         .mark_text(fontSize=100, align="center", baseline="middle", color="#e68b39")
         .encode(text="Value:N")
-        .properties(title="Totaal vertaald", width=250, height=200)
+        .properties(title=NUMBER_ANNOTATED, width=250, height=200)
     )
 
     return chart
@@ -203,7 +215,7 @@ def kpi_chart() -> alt.Chart:
 
     # Assuming you have a DataFrame with user data, create a sample DataFrame
     data = pd.DataFrame(
-        {"Category": ["Aantal vertalers"], "Value": [total_annotators]}
+        {"Category": [NUMBER_ANNOTATORS], "Value": [total_annotators]}
     )
 
     # Create Altair chart
@@ -211,7 +223,7 @@ def kpi_chart() -> alt.Chart:
         alt.Chart(data)
         .mark_text(fontSize=100, align="center", baseline="middle", color="steelblue")
         .encode(text="Value:N")
-        .properties(title="Aantal vertalers", width=250, height=200)
+        .properties(title=NUMBER_ANNOTATORS, width=250, height=200)
     )
 
     return chart
@@ -234,10 +246,10 @@ def obtain_top_5_users(user_ids_annotations: Dict[str, int]) -> pd.DataFrame:
     """
 
     dataframe = pd.DataFrame(
-        user_ids_annotations.items(), columns=["Username", "Aantal vertalingen"]
+        user_ids_annotations.items(), columns=[NAME, NUMBER_ANNOTATIONS]
     )
-    dataframe["Username"] = dataframe["Username"].apply(render_hub_user_link)
-    dataframe = dataframe.sort_values(by="Aantal vertalingen", ascending=False)
+    dataframe[NAME] = dataframe[NAME].apply(render_hub_user_link)
+    dataframe = dataframe.sort_values(by=NUMBER_ANNOTATIONS, ascending=False)
     return dataframe.head(50)
 
 
@@ -357,7 +369,7 @@ def main() -> None:
             )
 
             top5_df_plot = gr.Dataframe(
-                headers=["Username", "Aantal vertalingen"],
+                headers=[NAME, NUMBER_ANNOTATIONS],
                 datatype=[
                     "markdown",
                     "number",