Update app.py

app.py

@@ -24,8 +24,8 @@ def create_plot(methods_selected, x_metric, y_metric):
     df = pd.read_csv(CSV_RESULT_PATH)
     filtered_df = df[df['Method'].isin(methods_selected)]
     
-    # Create the plot
-    plt.figure(figsize=(8, 6))
+    # Create a larger plot
+    plt.figure(figsize=(10, 8))  # Increase the figure size
     for method in methods_selected:
         method_data = filtered_df[filtered_df['Method'] == method]
         plt.plot(method_data[x_metric], method_data[y_metric], label=method, marker='o')
@@ -72,14 +72,19 @@ with block:
                 method_names = pd.read_csv(CSV_RESULT_PATH)['Method'].unique().tolist()
                 metric_names = pd.read_csv(CSV_RESULT_PATH).columns.tolist()
                 metric_names.remove('Method')  # Remove Method from the metric options
+
+                # Visualizer Controls: Smaller and underneath each other
+                with gr.Column(scale=1):
+                    method_selector = gr.CheckboxGroup(choices=method_names, label="Select Methods", interactive=True)
+                    x_metric_selector = gr.Dropdown(choices=metric_names, label="Select X-axis Metric", interactive=True)
+                    y_metric_selector = gr.Dropdown(choices=metric_names, label="Select Y-axis Metric", interactive=True)
+                    plot_button = gr.Button("Plot")
                 
-                method_selector = gr.CheckboxGroup(choices=method_names, label="Select Methods", interactive=True)
-                x_metric_selector = gr.Dropdown(choices=metric_names, label="Select X-axis Metric", interactive=True)
-                y_metric_selector = gr.Dropdown(choices=metric_names, label="Select Y-axis Metric", interactive=True)
-                plot_button = gr.Button("Plot")
-                output_plot = gr.Image(label="Plot")
+                # Larger plot display
+                with gr.Column(scale=3):
+                    output_plot = gr.Image(label="Plot", height=480)  # Set larger height for the plot
                 
-                plot_button.click(create_plot, inputs=[method_selector, x_metric_selector, y_metric_selector], outputs=output_plot)
+            plot_button.click(create_plot, inputs=[method_selector, x_metric_selector, y_metric_selector], outputs=output_plot)
             
             # Now the rest of the UI elements as they were before
             checkbox_group = gr.CheckboxGroup(