Update app.py

app.py

@@ -258,9 +258,110 @@ with gr.Blocks(css=css_styling, title=page_title, theme=osium_theme) as demo:
                             gr.Markdown("### Interpretation of yield strength prediction")
                         with gr.Row():
                             output_interpretation = gr.Plot(label="Interpretation")
+
+                elem1 = "%Cr"
+                elem2 = "%V"
+                elem3 = "%Mo"
+                with gr.Row():
+                    input_list1 = input_cols.copy()
+                    input_list1.remove(elem2)
+                    input_list1.remove(elem3)
+                    dropdown_1 = gr.Dropdown(label="Fix element 1", choices=input_list1, value=elem1)
+                    input_slicer_1 = gr.Slider(
+                        label=elem1,
+                        minimum=space_dict[elem1]["min"],
+                        maximum=space_dict[elem1]["max"],
+                        value=space_dict[elem1]["value"],
+                        step=space_dict[elem1]["step_display"],
+                    )
+                with gr.Row():
+                    input_list2 = input_cols.copy()
+                    input_list2.remove(elem1)
+                    input_list2.remove(elem3)
+                    dropdown_2 = gr.Dropdown(label="Fix element 2", choices=input_list2, value=elem2)
+                    input_slicer_2 = gr.Slider(
+                        label=elem2,
+                        minimum=space_dict[elem2]["min"],
+                        maximum=space_dict[elem2]["max"],
+                        value=space_dict[elem2]["value"],
+                        step=space_dict[elem2]["step_display"],
+                    )
+                with gr.Row():
+                    input_list3 = input_cols.copy()
+                    input_list3.remove(elem1)
+                    input_list3.remove(elem2)
+                    dropdown_3 = gr.Dropdown(label="Fix element 3", choices=input_list3, value=elem3)
+                    input_slicer_3 = gr.Slider(
+                        label=elem3,
+                        minimum=space_dict[elem3]["min"],
+                        maximum=space_dict[elem3]["max"],
+                        value=space_dict[elem3]["value"],
+                        step=space_dict[elem3]["step_display"],
+                    )
+
+            with gr.Column():
+                gr.Markdown("### Your design space")
+                output_plot = gr.Plot(type="plotly")
+
         with gr.Row():
             gr.Examples([example_inputs], [input_formula, input_phase, input_bccfcc, input_processing, input_microstructure])
-                
+            
+    input_slicer_1.change(
+        fn=update_plot_fn,
+        inputs=[dropdown_1, input_slicer_1, dropdown_2, input_slicer_2, dropdown_3, input_slicer_3],
+        outputs=[output_plot],
+        show_progress=True,
+        queue=True,
+        every=0.5,
+    )
+
+    input_slicer_2.change(
+        fn=update_plot_fn,
+        inputs=[dropdown_1, input_slicer_1, dropdown_2, input_slicer_2, dropdown_3, input_slicer_3],
+        outputs=[output_plot],
+        show_progress=True,
+        queue=True,
+        # every=2,
+    )
+
+    input_slicer_3.change(
+        fn=update_plot_fn,
+        inputs=[dropdown_1, input_slicer_1, dropdown_2, input_slicer_2, dropdown_3, input_slicer_3],
+        outputs=[output_plot],
+        show_progress=True,
+        queue=True,
+        # every=2,
+    )
+
+    # Update the choices in the dropdown based on the elements selected
+    # dropdown_1.change(fn=update_dropdown, inputs=[dropdown_1], outputs=[dropdown_2, dropdown_3], show_progress=True)
+    # dropdown_2.change(fn=update_dropdown, inputs=[dropdown_2], outputs=[dropdown_1, dropdown_3], show_progress=True)
+    # dropdown_2.change(fn=update_dropdown, inputs=[dropdown_3], outputs=[dropdown_1, dropdown_2], show_progress=True)
+    dropdown_1.change(
+        fn=update_dropdown,
+        inputs=[dropdown_1, dropdown_2, dropdown_3],
+        outputs=[dropdown_1, dropdown_2, dropdown_3],
+        show_progress=True,
+    )
+    dropdown_2.change(
+        fn=update_dropdown,
+        inputs=[dropdown_1, dropdown_2, dropdown_3],
+        outputs=[dropdown_1, dropdown_2, dropdown_3],
+        show_progress=True,
+    )
+    dropdown_3.change(
+        fn=update_dropdown,
+        inputs=[dropdown_1, dropdown_2, dropdown_3],
+        outputs=[dropdown_1, dropdown_2, dropdown_3],
+        show_progress=True,
+    )
+
+    # Update the slider name based on the choice of the dropdow
+    dropdown_1.change(fn=update_slider_fn, inputs=[dropdown_1], outputs=[input_slicer_1])
+    dropdown_2.change(fn=update_slider_fn, inputs=[dropdown_2], outputs=[input_slicer_2])
+    dropdown_3.change(fn=update_slider_fn, inputs=[dropdown_3], outputs=[input_slicer_3])
+    
+            
     train_button.click(
         fn=train_model,
         inputs=[input_csv, target_columns],