Update app.py

app.py

@@ -354,36 +354,48 @@ with gr.Blocks() as demo:
 
     with gr.Tab("Dashboard"):
         gr.Markdown("## Exploratory Data Analysis of NYC Urban Data")
+        
+        # Horizontal controls layout
         with gr.Row():
-            with gr.Column(scale=1):
-                gr.Markdown("### Controls")
-                metric_selector = gr.Dropdown(
-                    label="Select Metric",
-                    choices=['crime_total', 'sr311_total', 'dob_permits_total'],
-                    value='crime_total'
-                )
-                
-                # Get date range from data
-                min_date = panel_df['month'].min().strftime('%Y-%m-%d')
-                max_date = panel_df['month'].max().strftime('%Y-%m-%d')
+            metric_selector = gr.Dropdown(
+                label="Select Metric",
+                choices=['crime_total', 'sr311_total', 'dob_permits_total'],
+                value='crime_total',
+                scale=2
+            )
+            
+            # Get date range from data
+            min_date = panel_df['month'].min().strftime('%Y-%m-%d')
+            max_date = panel_df['month'].max().strftime('%Y-%m-%d')
 
-                start_date_picker = gr.Textbox(
-                    label="Start Date (YYYY-MM-DD)", 
-                    value=min_date,
-                    placeholder="2023-01-01"
-                )
-                end_date_picker = gr.Textbox(
-                    label="End Date (YYYY-MM-DD)", 
-                    value=max_date,
-                    placeholder="2023-12-31"
-                )
-                
-                update_button = gr.Button("Update Dashboard")
+            start_date_picker = gr.Textbox(
+                label="Start Date (YYYY-MM-DD)", 
+                value=min_date,
+                placeholder="2023-01-01",
+                scale=1
+            )
+            end_date_picker = gr.Textbox(
+                label="End Date (YYYY-MM-DD)", 
+                value=max_date,
+                placeholder="2023-12-31",
+                scale=1
+            )
+            
+            update_button = gr.Button("Update Dashboard", scale=1)
 
-            with gr.Column(scale=3):
-                gr.Markdown("### Visualizations")
-                map_plot = gr.Plot()
-                ts_plot = gr.Plot()
+        # Side-by-side visualizations
+        with gr.Row():
+            with gr.Column(scale=1):
+                gr.Markdown("### Spatial Distribution")
+                # Initialize with default data
+                initial_map = create_choropleth_map('crime_total', min_date, max_date)
+                map_plot = gr.Plot(value=initial_map)
+            
+            with gr.Column(scale=1):
+                gr.Markdown("### Time Series Analysis")
+                # Initialize with default data  
+                initial_ts = create_time_series_plot('crime_total', min_date, max_date)
+                ts_plot = gr.Plot(value=initial_ts)
         
         # Function to update both plots at once
         def update_dashboard(metric, start_date, end_date):