feat: Updated colours in 3D cluster

app.py

@@ -227,8 +227,9 @@ if page == "📃 Resumen":
     # Middle Column (White): 3D Cluster Model and Bar Chart
     with col2:
         st.markdown('#### Cluster de Clientes 3D')
+        pca_data_5['cluster_id'] = pca_data_5['cluster_id'].astype(str)
 
-        # Create 3D PCA plot using actual data from pca_data_5
+        # Create 3D PCA plot using actual data from pca_data_5 with specific color map for clusters
         fig_cluster = px.scatter_3d(
             pca_data_5, 
             x='PC1', 
@@ -237,12 +238,12 @@ if page == "📃 Resumen":
             color='cluster_id', 
             hover_name='CustomerID',
             color_discrete_map={
-            0: '#FFD700',  # Deeper yellow for cluster 0
-            1: '#FFA500',  # Orange for cluster 1
-            2: '#FF6347',  # Tomato for cluster 2
-            3: '#FF4500',  # OrangeRed for cluster 3
-            4: '#FF0000'   # Red for cluster 4
-         },
+                '0': '#FFD700',  # Deeper yellow for cluster 0
+                '1': '#FFA500',  # Orange for cluster 1
+                '2': '#FF6347',  # Tomato for cluster 2
+                '3': '#FF4500',  # OrangeRed for cluster 3
+                '4': '#FF0000'   # Red for cluster 4
+            },
         )
         fig_cluster.update_layout(
             scene=dict(aspectratio=dict(x=1, y=1, z=0.8)),  # Adjusted aspect ratio for better balance