Add usage

frontends/gradio/main.py

@@ -247,6 +247,7 @@ def launch():
                             y_col,
                         ],
                     )
+                    regenerate_plots_button1 = gr.Button("Regenerate Plots")
 
                 with gr.Tab("Regularization"):
                     with gr.Row():
@@ -271,8 +272,35 @@ def launch():
                         step=1,
                         interactive=True,
                     )
-                    
-                gr.Button("Regenerate Plots").click(
+                    regenerate_plots_button2 = gr.Button("Regenerate Plots")
+
+                with gr.Tab("Usage"):
+                    with open(root_dir / "usage.md", "r") as f:
+                        gr.Markdown(f.read())
+
+                regenerate_plots_button1.click(
+                    fn=handle_generate_plots,
+                    inputs=[
+                        manager_state,
+                        dataset_type,
+                        function,
+                        x1_textbox,
+                        x2_textbox,
+                        x_selection_method,
+                        sigma,
+                        nsample,
+                        csv_file,
+                        has_header,
+                        x1_col,
+                        x2_col,
+                        y_col,
+                        loss_type_dropdown,
+                        regularizer_type_dropdown,
+                        resolution_slider,
+                    ],
+                    outputs=[manager_state, main_plot, data_plot, strength_plot],
+                )
+                regenerate_plots_button2.click(
                     fn=handle_generate_plots,
                     inputs=[
                         manager_state,
@@ -295,6 +323,7 @@ def launch():
                     outputs=[manager_state, main_plot, data_plot, strength_plot],
                 )
 
+                    
     demo.launch(css=CSS)
 
 

usage.md

@@ -1 +1,9 @@
-**Quick start**
+**Usage**
+
+1. In the **Data** tab, generate a dataset using a custom function or upload a csv file
+2. In the **Regularization** tab, select your loss type and regularizer type
+3. Click **Regenerate Plots** to update plots with the current settings
+4. View the three plots on the left
+* Loss and regularizer norm contour plot
+* Plot of the dataset used 
+* Plot of regularization strength vs weight