Update app.py

app.py

@@ -1,12 +1,11 @@
 import gradio as gr
 
-# Import generator functions and sample JSONs
 from concept_map_generator import generate_concept_map
 from synoptic_chart_generator import generate_synoptic_chart
 from radial_diagram_generator import generate_radial_diagram
 from sample_data import CONCEPT_MAP_JSON, SYNOPTIC_CHART_JSON, RADIAL_DIAGRAM_JSON
 
-def create_interface(generator_fn, sample_json, title): # Removed 'description' parameter
+def create_interface(generator_fn, sample_json, title): 
     """
     Helper function to create a Gradio Interface for a specific generator.
     """
@@ -24,7 +23,6 @@ def create_interface(generator_fn, sample_json, title): # Removed 'description'
             show_download_button=True
         ),
         title=title,
-        # Removed description here
     )
 
 if __name__ == "__main__":
@@ -89,20 +87,20 @@ if __name__ == "__main__":
                     CONCEPT_MAP_JSON,
                     "Concept Map Generator"
                 )
-                gr.Markdown("<br>") # Replaced gr.Space with gr.Markdown("<br>") for spacing
+                gr.Markdown("<br>") 
                 gr.Markdown("## Example Concept Maps")
-                with gr.Row(): # <--- Added gr.Row() here for side-by-side layout
+                with gr.Row(): 
                     gr.Image(
-                        value="./images/cm1.png", # Path to your first example image
+                        value="./images/cm1.png", 
                         label="Sample Concept Map 1",
                         show_label=True,
-                        interactive=False, # Make it non-interactive
-                        height="auto", # Adjust height automatically
-                        width="100%", # Adjust width automatically to its container
-                        elem_id="concept-map-example-image1" # Optional: for CSS targeting
+                        interactive=False, 
+                        height="auto", 
+                        width="100%", 
+                        elem_id="concept-map-example-image1" 
                     )
                     gr.Image(
-                        value="./images/cm2.png", # Path to your second example image
+                        value="./images/cm2.png", 
                         label="Sample Concept Map 2",
                         show_label=True,
                         interactive=False,
@@ -117,11 +115,11 @@ if __name__ == "__main__":
                     SYNOPTIC_CHART_JSON,
                     "Synoptic Chart Generator"
                 )
-                gr.Markdown("<br>") # Replaced gr.Space with gr.Markdown("<br>") for spacing
+                gr.Markdown("<br>") 
                 gr.Markdown("## Example Synoptic Charts")
-                with gr.Row(): # <--- Added gr.Row() here
+                with gr.Row():
                     gr.Image(
-                        value="./images/sc1.png", # Path to your first example image
+                        value="./images/sc1.png", 
                         label="Sample Synoptic Chart 1",
                         show_label=True,
                         interactive=False,
@@ -130,7 +128,7 @@ if __name__ == "__main__":
                         elem_id="synoptic-chart-example-image1"
                     )
                     gr.Image(
-                        value="./images/sc2.png", # Path to your second example image
+                        value="./images/sc2.png", 
                         label="Sample Synoptic Chart 2",
                         show_label=True,
                         interactive=False,
@@ -145,11 +143,11 @@ if __name__ == "__main__":
                     RADIAL_DIAGRAM_JSON,
                     "Radial Diagram Generator"
                 )
-                gr.Markdown("<br>") # Replaced gr.Space with gr.Markdown("<br>") for spacing
+                gr.Markdown("<br>") 
                 gr.Markdown("## Example Radial Diagrams")
-                with gr.Row(): # <--- Added gr.Row() here
+                with gr.Row(): 
                     gr.Image(
-                        value="./images/rd1.png", # Path to your first example image
+                        value="./images/rd1.png", 
                         label="Sample Radial Diagram 1",
                         show_label=True,
                         interactive=False,
@@ -158,7 +156,7 @@ if __name__ == "__main__":
                         elem_id="radial-diagram-example-image1"
                     )
                     gr.Image(
-                        value="./images/rd2.png", # Path to your second example image
+                        value="./images/rd2.png", 
                         label="Sample Radial Diagram 2",
                         show_label=True,
                         interactive=False,