#!/bin/bash

# Installation script for enhanced visualization dependencies
# Run this script from the frontend directory

echo "🚀 Installing enhanced visualization dependencies..."

# Navigate to frontend directory
cd frontend

# Install new dependencies
echo "📦 Installing Leaflet and mapping libraries..."
npm install leaflet@^1.9.4 react-leaflet@^4.2.1 react-leaflet-cluster@^2.0.0

echo "📊 Installing advanced charting libraries..."
npm install plotly.js@^2.27.0 react-plotly.js@^2.6.0

echo "📤 Installing export and sharing libraries..."
npm install jspdf@^2.5.1 html2canvas@^1.4.1 file-saver@^2.0.5 react-csv@^2.2.2

echo "🎨 Installing UI enhancement libraries..."
npm install framer-motion@^10.16.16 react-intersection-observer@^9.5.3

echo "📱 Installing layout and grid libraries..."
npm install react-grid-layout@^1.4.4 react-resizable@^3.0.5

echo "✅ All dependencies installed successfully!"
echo ""
echo "🎯 Next steps:"
echo "1. Start the development server: npm run dev"
echo "2. Navigate to the Analytics page to see the new visualizations"
echo "3. Check out the new features:"
echo "   - Geographic Heat Maps"
echo "   - Advanced Time Series Charts"
echo "   - Comparative Analysis"
echo "   - Export & Sharing capabilities"
echo ""
echo "📚 For more information, see VISUALIZATION_FEATURES.md"