Update architecture diagram with SVG (embedded base64)

README.md

@@ -62,7 +62,7 @@ All visualizations support:
 ## 📋 Requirements
 
 ```
-gradio>=4.0.0
+gradio>=6.0.2
 pandas>=2.0.0
 matplotlib>=3.7.0
 seaborn>=0.12.0
@@ -152,44 +152,7 @@ APDP_DASHBOARD/
 
 ## 🔧 Code Architecture
 
-```mermaid
-graph TD
-    subgraph UI [UI LAYER]
-        style UI fill:#f9f9f9,stroke:#333,stroke-width:2px
-        Gradio[Gradio Web Interface]
-        Tabs[Tabs: Upload, Statistics, Filter, Visualizations, Insights, Smart Dashboard, Compare]
-        Gradio --- Tabs
-    end
-
-    subgraph AppLogic [APPLICATION LOGIC LAYER]
-        style AppLogic fill:#e1f5fe,stroke:#0277bd,stroke-width:2px
-        State[State Management<br/>current_df, filtered_df]
-        Handlers[Event Handlers<br/>upload_data, apply_filters, update_insights]
-    end
-
-    subgraph BusinessLogic [BUSINESS LOGIC LAYER]
-        style BusinessLogic fill:#e8f5e9,stroke:#2e7d32,stroke-width:2px
-        DataProc[data_processor.py<br/>Load, Clean, Filter, Aggregate]
-        Insights[insights.py<br/>Advanced Insights, Smart Dashboard, Comparison]
-        Viz[visualizations.py<br/>Plotly Interactive Charts]
-        Utils[utils.py<br/>Helpers & Validation]
-    end
-
-    subgraph Data [DATA LAYER]
-        style Data fill:#fff3e0,stroke:#ef6c00,stroke-width:2px
-        DataFrame[Pandas DataFrame<br/>In-Memory Data Storage]
-    end
-
-    subgraph Output [OUTPUT LAYER]
-        style Output fill:#f3e5f5,stroke:#7b1fa2,stroke-width:2px
-        Outputs[Plotly Figures, CSV Export, Markdown Reports]
-    end
-
-    UI --> AppLogic
-    AppLogic --> BusinessLogic
-    BusinessLogic <--> Data
-    BusinessLogic --> Output
-```
+![System Architecture](assets/architecture.svg)
 
 ### Modular Design