Update app.py

app.py

@@ -30,51 +30,90 @@ def get_states(bounds=None):
 def create_monitoring_dashboard(states):
     """Create monitoring dashboard using Plotly"""
     if not states:
-        return go.Figure()  # 빈 figure 반환
+        return go.Figure()
 
-    # Create subplots
+    # Create subplots with specific types
     fig = make_subplots(
         rows=2, cols=2,
         subplot_titles=('Altitude Distribution', 'Speed Distribution', 
-                       'Aircraft by Country', 'Aircraft Categories')
+                       'Aircraft by Country', 'Aircraft Categories'),
+        specs=[
+            [{"type": "xy"}, {"type": "xy"}],
+            [{"type": "xy"}, {"type": "domain"}]  # pie chart를 위한 domain type
+        ]
     )
 
     # Altitude distribution
     altitudes = [state[7] for state in states if state[7]]
     fig.add_trace(
-        go.Histogram(x=altitudes, name="Altitude"),
+        go.Histogram(
+            x=altitudes, 
+            name="Altitude",
+            marker_color='#4a90e2'
+        ),
         row=1, col=1
     )
 
     # Speed distribution
     speeds = [state[9] for state in states if state[9]]
     fig.add_trace(
-        go.Histogram(x=speeds, name="Speed"),
+        go.Histogram(
+            x=speeds, 
+            name="Speed",
+            marker_color='#50C878'
+        ),
         row=1, col=2
     )
 
     # Aircraft by country
     countries = pd.Series([state[2] for state in states if state[2]]).value_counts()
     fig.add_trace(
-        go.Bar(x=countries.index[:10], y=countries.values[:10], name="Countries"),
+        go.Bar(
+            x=countries.index[:10], 
+            y=countries.values[:10], 
+            name="Countries",
+            marker_color='#FF6B6B'
+        ),
         row=2, col=1
     )
 
-    # Aircraft categories (simplified)
+    # Aircraft categories
+    categories = ['Commercial', 'Private', 'Military', 'Other']
+    values = [40, 30, 20, 10]  # Example distribution
     fig.add_trace(
-        go.Pie(labels=['Commercial', 'Private', 'Other'], 
-               values=[60, 30, 10], name="Categories"),
+        go.Pie(
+            labels=categories, 
+            values=values,
+            name="Categories",
+            marker=dict(colors=['#4a90e2', '#50C878', '#FF6B6B', '#FFD700'])
+        ),
         row=2, col=2
     )
 
+    # Update layout
     fig.update_layout(
-        height=600,
-        showlegend=False,
+        height=800,
+        showlegend=True,
         template="plotly_dark",
-        paper_bgcolor='rgba(0,0,0,0)',
-        plot_bgcolor='rgba(0,0,0,0)'
+        paper_bgcolor='rgba(0,0,0,0.3)',
+        plot_bgcolor='rgba(0,0,0,0.1)',
+        margin=dict(l=50, r=50, t=50, b=50),
+        font=dict(color='white'),
+        legend=dict(
+            bgcolor='rgba(0,0,0,0.3)',
+            bordercolor='rgba(255,255,255,0.2)',
+            borderwidth=1
+        )
     )
 
+    # Update axes
+    fig.update_xaxes(gridcolor='rgba(255,255,255,0.1)', zeroline=False)
+    fig.update_yaxes(gridcolor='rgba(255,255,255,0.1)', zeroline=False)
+
+    # Update subplot titles
+    for i in fig['layout']['annotations']:
+        i['font'] = dict(size=12, color='white')
+
     return fig
 
 def create_map(region="world"):