Update app.py

app.py

@@ -1,39 +1,42 @@
-import gradio as gr
 import plotly.graph_objects as go
+import gradio as gr
 
-# Function to create a speedometer gauge
-def success_rate_gauge(success_value):
+def create_gauge():
     fig = go.Figure(go.Indicator(
         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}}
+        value=76,
+        gauge={
+            'axis': {'range': [0, 100]},
+            'bar': {'color': "black"},  # Цвет стрелки
+            'steps': [
+                {'range': [0, 40], 'color': "#55efc4"},  # Мягкий зеленый
+                {'range': [40, 70], 'color': "#ffeaa7"},  # Желтый
+                {'range': [70, 100], 'color': "#ff7675"}  # Мягкий красный
+            ],
+            'threshold': {
+                'line': {'color': "black", 'width': 4},
+                'thickness': 0.75,
+                'value': 76
+            }
+        },
+        number={'font': {'size': 48}}  # Размер шрифта числа
     ))
-
-    fig.update_layout(height=400, width=500)
+    fig.update_layout(paper_bgcolor="#f8f9fa",  # Цвет фона
+                      font={'color': "#2d3436", 'family': "Arial"})  # Цвет текста
     return fig
 
-# Gradio interface
+def update_plot():
+    return create_gauge()
+
 with gr.Blocks() as demo:
     gr.Markdown("## Улучшенный спидометр с вероятностью успеха")
 
-    # Plot output
-    plot = gr.Plot(label="Success Rate Gauge")
-
-    # Function to update the plot
-    def update_plot():
-        return success_rate_gauge(76)
-    
-    # Button to trigger the plot generation
-    btn = gr.Button("Показать спидометр")
+    with gr.Row():
+        plot = gr.Plot(label="Success Rate Gauge")
+        
+    with gr.Row():
+        update_button = gr.Button("Показать спидометр")
     
-    # Associate the button with the update function
-    btn.click(fn=update_plot, inputs=[], outputs=plot)
+    update_button.click(fn=update_plot, inputs=[], outputs=plot)
 
-# Launch Gradio interface
 demo.launch()