Update app.py

app.py

@@ -1,45 +1,37 @@
 import gradio as gr
 import plotly.graph_objects as go
 
-def create_fancy_gauge(value=76):
+# Function to create a speedometer gauge
+def success_rate_gauge(success_value):
     fig = go.Figure(go.Indicator(
-        mode="gauge+number+delta",  # Добавим дельту для сравнения
-        value=value,
-        title={'text': "Success Rate", 'font': {'size': 24}},
-        delta={'reference': 70, 'increasing': {'color': "green"}},
-        gauge={
-            'axis': {'range': [0, 100], 'tickwidth': 1, 'tickcolor': "darkblue"},
-            'bar': {'color': "darkblue"},
-            'bgcolor': "white",
-            'borderwidth': 2,
-            'bordercolor': "gray",
-            'steps': [
-                {'range': [0, 50], 'color': 'lightgray'},
-                {'range': [50, 75], 'color': 'yellow'},
-                {'range': [75, 100], 'color': 'green'}
-            ],
-            'threshold': {
-                'line': {'color': "red", 'width': 4},
-                'thickness': 0.75,
-                'value': value
-            }
-        }
+        mode="gauge+number",
+        value=success_value,
+        gauge={'axis': {'range': [0, 100]},
+               'bar': {'color': "green"},
+               'steps': [
+                   {'range': [0, 50], 'color': "red"},
+                   {'range': [50, 75], 'color': "yellow"},
+                   {'range': [75, 100], 'color': "green"}],
+               'threshold': {'line': {'color': "black", 'width': 4}, 'thickness': 0.75, 'value': 76}}
     ))
 
-    fig.update_layout(
-        font={'color': "darkblue", 'family': "Arial"},
-        height=400,
-        margin={'t': 0, 'b': 0}
-    )
+    fig.update_layout(height=400, width=500)
     return fig
 
-# Gradio интерфейс для отображения
-def show_fancy_gauge():
-    return create_fancy_gauge(76)
-
+# Gradio interface
 with gr.Blocks() as demo:
-    gr.Markdown("### Улучшенный спидометр с вероятностью успеха")
-    output = gr.Plot(label="Success Rate Gauge")
-    demo.load(fn=show_fancy_gauge, inputs=[], outputs=output)
-
+    gr.Markdown("## Улучшенный спидометр с вероятностью успеха")
+    
+    # Add a plot output widget
+    plot = gr.Plot(label="Success Rate Gauge")
+    
+    # Function to update the plot
+    def update_plot():
+        return success_rate_gauge(76)
+    
+    # Button to trigger the update
+    with gr.Row():
+        plot.render(update_plot())
+    
+    # Launch Gradio interface
 demo.launch()