Update app.py

app.py

@@ -30,29 +30,41 @@ def fetch_esg_data(company_name):
     else:
         return pd.DataFrame(), None
 
-# Gradio interface with multiple tabs
+# Gradio interface with a dropdown and file download option
 def app_interface():
     with gr.Blocks() as app:
         gr.Markdown("# ESG Data Explorer")
+        
         with gr.Tab("ESG Data"):
-            with gr.Row():
-                company = gr.Dropdown(
-                    label="Select Company",
-                    choices=list(company_dict.keys()),
-                    value="Apple",  # Default value
-                    interactive=True  # Make it interactive
-                )
+            company = gr.Dropdown(
+                label="Select Company",
+                choices=list(company_dict.keys()),  # Show company names
+                value="Apple",  # Default value
+                interactive=True  # Make it interactive
+            )
+            
             plot_button = gr.Button("Generate ESG Plot")
+            
+            # Graphs for ESG scores
             line_plot = gr.LinePlot(label="ESG Scores Line Plot", x="ESG Category", y="Score", overlay_point=True)
             scatter_plot = gr.ScatterPlot(label="ESG Scores Scatter Plot", x="ESG Category", y="Score", overlay_point=True)
+            
+            # File output for CSV download
             csv_output = gr.File(label="Download CSV")
+            
+            # Define the action when the "Generate ESG Plot" button is clicked
             plot_button.click(fn=fetch_esg_data, inputs=company, outputs=[line_plot, csv_output, scatter_plot])
+        
+        # Additional tabs for other content
         with gr.Tab("Tab 2"):
             gr.Markdown("Content for Tab 2 goes here.")
+        
         with gr.Tab("Tab 3"):
             gr.Markdown("Content for Tab 3 goes here.")
+        
         with gr.Tab("Tab 4"):
             gr.Markdown("Content for Tab 4 goes here.")
+    
     return app
 
 # Launch the Gradio app