Update app.py

app.py

@@ -5,7 +5,8 @@ import os
 from huggingface_hub import login
 from datasets import load_dataset
 
-token = os.getenv("HF_TOKEN")  # Legge il token da una variabile d'ambiente
+# Login Hugging Face
+token = os.getenv("HF_TOKEN")
 login(token=token)
 
 df = pd.DataFrame(load_dataset("SelmaNajih001/MapsData")["train"])
@@ -14,8 +15,8 @@ df = pd.DataFrame(load_dataset("SelmaNajih001/MapsData")["train"])
 def update_map(metric):
     fig = px.scatter_mapbox(
         df,
-        lat="Latitude",
-        lon="Longitude",
+        lat="Lat",
+        lon="Lon",
         size=metric,
         color=metric,
         hover_name="Name",
@@ -29,32 +30,38 @@ def update_map(metric):
             "VariazionePercentuale"
         ],
         zoom=10,
-        height=600
+        height=800,  # Mappa più grande
+        color_continuous_scale=px.colors.cyclical.IceFire
     )
     fig.update_layout(mapbox_style="open-street-map")
     fig.update_layout(margin={"r":0,"t":0,"l":0,"b":0})
     return fig
 
-# Dropdown delle metriche
-dropdown = gr.Dropdown(
-    choices=[
-        "busy_aprile",
-        "Variazione",
-        "VariazionePercentuale",
-        "StarsAprile_numeric",
-        "StarsMaggio_numeric",
-        "VariazioneStelle"
-    ],
-    value="busy_aprile",
-    label="Seleziona metrica"
-)
-
-# Interfaccia Gradio
-interface = gr.Interface(
-    fn=update_map,
-    inputs=dropdown,
-    outputs=gr.Plot()
-)
-
-interface.launch()
+# Interfaccia Gradio con grande mappa
+with gr.Blocks() as demo:
+    gr.Markdown("<h1 style='text-align:center;color:#4B8BBE;'>Mappa Interattiva dei Dati</h1>")
+    gr.Markdown("<p style='text-align:center;'>Seleziona la metrica dal dropdown per aggiornare la mappa</p>")
+
+    with gr.Row():
+        with gr.Column(scale=1):
+            dropdown = gr.Dropdown(
+                choices=[
+                    "busy_aprile",
+                    "Variazione",
+                    "VariazionePercentuale",
+                    "StarsAprile_numeric",
+                    "StarsMaggio_numeric",
+                    "VariazioneStelle"
+                ],
+                value="busy_aprile",
+                label="Seleziona metrica"
+            )
+        with gr.Column(scale=4):
+            plot = gr.Plot()
+    
+    # Aggiorna mappa quando il dropdown cambia
+    dropdown.change(update_map, inputs=dropdown, outputs=plot)
+
+demo.launch()
+