feat: updated app script

app.py

@@ -91,6 +91,35 @@ def get_supplier_name(code):
     name = nombres_proveedores[nombres_proveedores['codigo'] == code]['nombre'].values
     return name[0] if len(name) > 0 else code
 
+# Custom Donut Chart with Plotly for Inbound/Outbound Percentage
+def create_donut_chart(values, labels, color_scheme, title):
+    fig = px.pie(
+        values=values, 
+        names=labels, 
+        hole=0.7,  # Adjusting the hole size for a modern look
+        color_discrete_sequence=color_scheme  # Set color scheme
+    )
+    
+    # Styling adjustments to center the percentage
+    fig.update_traces(
+        textinfo='percent+label',
+        hoverinfo='label+percent',
+        textposition='inside',
+        showlegend=False
+    )
+    
+    # Layout adjustments
+    fig.update_layout(
+        annotations=[dict(text=f"{int(values[1])}%", x=0.5, y=0.5, font_size=40, showarrow=False)],  # Center percentage text
+        title=title,
+        height=300,  # Adjust the size
+        margin=dict(t=30, b=10, l=10, r=10),
+        paper_bgcolor="rgba(0, 0, 0, 0)",  # Background color transparent
+        plot_bgcolor="rgba(0, 0, 0, 0)"
+    )
+    
+    return fig
+
 # Function to create radar chart with square root transformation
 def radar_chart(categories, values, amounts, title):
     N = len(categories)
@@ -161,9 +190,12 @@ if page == "Summary":
         st.markdown('#### States Migration')
         
         # Create a placeholder for your own donut charts with Plotly
-        donut_fig = px.pie(values=[70, 30], names=['Inbound', 'Outbound'], hole=0.7)
-        donut_fig.update_traces(textinfo='percent+label')
-        donut_fig.update_layout(showlegend=False, margin=dict(t=0, b=0, l=0, r=0))
+        inbound_values = [23, 77]  # Adjust the values
+        labels = ['Outbound', 'Inbound']
+        color_scheme = ['#155F7A', '#29b5e8']
+        title = 'States Migration'
+
+        donut_fig = create_donut_chart(inbound_values, labels, color_scheme, title)
         st.plotly_chart(donut_fig, use_container_width=True)