update

app.py

@@ -5,31 +5,31 @@ import plotly.graph_objects as go
 
 def demo_plot(city, facility):
     fig = go.Figure()
-
-    # Add traces
-    fig.add_trace(go.Scatter(x=[1, 2, 3, 4], y=[10, 11, 12, 13], mode='lines', name='New York'))
-    fig.add_trace(go.Scatter(x=[1, 2, 3, 4], y=[12, 13, 14, 15], mode='lines', name='Boston'))
-    fig.add_trace(go.Scatter(x=[1, 2, 3, 4], y=[14, 15, 16, 17], mode='lines', name='Los Angeles'))
-    fig.add_trace(go.Scatter(x=[1, 2, 3, 4], y=[16, 17, 18, 19], mode='lines', name='Chicago'))
-    fig.update_layout(title_text="Facility Distribution in Cities")
-    fig.update_xaxes(title_text="Time")
-    fig.update_yaxes(title_text="Facility Count")
+    fig.add_trace(go.Scatter(x=[0, 1, 2, 3, 4, 5],
+                             y=[1, 3, 2, 3, 1, 4],
+                             mode='lines+markers',
+                             name='City'))
+    fig.add_trace(go.Scatter(x=[0, 1, 2, 3, 4, 5],
+                                y=[2, 5, 3, 1, 4, 2],
+                                mode='lines+markers',
+                                name='Facility'))
+    fig.update_layout(title='City and Facility',
+                        xaxis_title='X',
+                        yaxis_title='Y')
+    actual_fig = fig
+    solution_fig = fig
+    
+    return actual_fig, solution_fig
+    
     
-    # Convert Plotly figure to HTML
-    actual_fig_html = fig.to_html(full_html=False)
-
-    return actual_fig_html, actual_fig_html  # Return the HTML for both actual and solution figures
-
 with gr.Blocks() as demo:
     with gr.Column():
         city = gr.Radio(choices=["New York", "Boston", "Los Angeles", "Chicago"], value=["New York"], label="Select City:")
         facility = gr.CheckboxGroup(choices=["School", "Hospital", "Park"], value=["Hospital"], label="Select Facility:")
         btn = gr.Button(value="Generate")
-        with gr.Row():
-            actual_map = gr.HTML()
-            solution_map = gr.HTML()
-    demo.load(demo_plot, [city, facility], actual_map, solution_map)
-    btn.click(demo_plot, [city, facility], actual_map, solution_map)
+        map = gr.Plot()
+    demo.load(demo_plot, [city, facility], map)
+    btn.click(demo_plot, [city, facility], map)
 
 if __name__ == "__main__":
     demo.launch()