Add color mapping for categories

src/components.py

@@ -7,6 +7,17 @@ from src.utils import parse_gg_sheet
 
 import plotly.express as px
 
+PIE_CHART_COLOR_MAP = {
+    "REFUGE / SHELTER": "#83C9FD",
+    "COUVERTURES / COVERS": "#FFABAB",
+    "OTHER": "#7FEFA5",
+    "SECOURS / RESCUE": "#FFD171",
+    "KITCHEN TOOLS / USTENSILES DE CUISINE": "#FF8718",
+    "ALIMENTATION ET EAU / FOOD AND WATER": "#0068C7",
+    "ASSISTANCE MÉDICALE / MEDICAL ASSISTANCE": "#2CB09E",
+    "VÊTEMENTS / CLOTHES": "#FF2B2B",
+    "PHARMACEUTICALS / MEDICAMENTS": "#6D40BD"
+}
 
 def id_review_submission(api: HfApi):
     """Id review submission form"""
@@ -143,7 +154,7 @@ def show_charts():
         .dropna()
         .astype("category")
     )
-    interv_fig = px.pie(supply_data, names="supplies_category")
+    interv_fig = px.pie(supply_data, names="supplies_category", color='supplies_category', color_discrete_map=PIE_CHART_COLOR_MAP)
     interv_fig.update_layout(
         autosize=True,
         legend=dict(
@@ -170,7 +181,7 @@ def show_charts():
     need_data = (
         requests_processed_df["need_category"].str.split(",").explode().str.strip("[] '").dropna().astype("category")
     )
-    req_fig = px.pie(need_data, names="need_category")
+    req_fig = px.pie(need_data, names="need_category", color='need_category', color_discrete_map=PIE_CHART_COLOR_MAP)
     req_fig.update_layout(
         autosize=True,
         legend=dict(