Live Display

app.py

@@ -119,16 +119,19 @@ with gr.Blocks() as demo:
 
             radio = gr.Radio(
                 ["Canny", "Simple", "Sobel", "Laplacian"],
+                value="Canny",
                 label="Type of Edge Detector",
             )
+        with gr.Column():
+            image_output = gr.Image(shape=(256, 256))
             gr.Examples(examples, inputs=[image_input])
-        image_output = gr.Image(shape=(256, 256))
 
         radio.change(
             fn=Detect,
             inputs=[image_input, radio],
             outputs=[kernel, order, direction, image_output],
         )
+
         kernel.change(
             fn=Detect_wo_layout,
             inputs=[image_input, radio, kernel, order, direction],
@@ -144,6 +147,10 @@ with gr.Blocks() as demo:
             inputs=[image_input, radio, kernel, order, direction],
             outputs=[image_output],
         )
-
+        image_input.change(
+            fn=Detect_wo_layout,
+            inputs=[image_input, radio, kernel, order, direction],
+            outputs=[image_output],
+        )
 
 demo.launch()