🎨 Update chart3 to use side-by-side layout with 550px height

Author: akfave99

docs/chart1-supplier-influence.html

@@ -336,34 +336,8 @@ def main():
     # Chart 3: Defense Systems with filters
     print("📊 Chart 3: Defense Systems Analysis")
     try:
-        fig_scatter = create_3d_scatter_figure("all")
-        fig_choropleth = create_choropleth_figure("all")
-        
-        # Combine both figures into a subplot
-        from plotly.subplots import make_subplots
-        combined_fig = make_subplots(
-            rows=2, cols=1,
-            subplot_titles=("Defense Systems Geographic Overview", "Defense Systems 3D Analysis by Supplier"),
-            specs=[[{"type": "geo"}], [{"type": "scatter3d"}]],
-            vertical_spacing=0.15
-        )
-        
-        # Add choropleth traces
-        for trace in fig_choropleth.data:
-            combined_fig.add_trace(trace, row=1, col=1)
-        
-        # Add scatter3d traces
-        for trace in fig_scatter.data:
-            combined_fig.add_trace(trace, row=2, col=1)
-        
-        # Update layout
-        combined_fig.update_layout(
-            height=1200,
-            showlegend=True,
-            title_text="Defense Systems Analysis"
-        )
-        
-        fig = combined_fig
+        fig_chart = create_3d_scatter_figure("all")
+        fig = combine_choropleth_with_chart(fig_chart, "Defense Systems Analysis")
         html = fig.to_html(include_plotlyjs='cdn')
         filters_html = '''
         <div class="filter-group">