Interactive Wi-Fi Heatmap Visualization Platform

A modern web application that visualizes network usage patterns through interactive 3D heatmaps, showcasing real-time Wi-Fi access point data from Dartmouth College and Hong Kong University Library.

• Interactive 3D Visualizations: Explore campus-wide Wi-Fi heatmaps with pan, zoom, and rotation capabilities
• Multi-Location Data: Compare network usage patterns across different geographical locations
• Real-Time Insights: Visualize access point distribution and network traffic intensity
• Responsive Design: Seamlessly adapts to desktop, tablet, and mobile devices
• Modern UI: Clean, light neutral theme with smooth animations and glassmorphism effects

Interactive campus-wide Wi-Fi heatmap showing access point distribution across Dartmouth College campus. Visualize network density and usage patterns in real-time.

3D multi-floor visualization of HKU Library Wi-Fi traffic, displaying network usage intensity across multiple building levels with interactive controls.

• Frontend: React 19.1.1
• Build Tool: Vite 7.1.7
• Styling: CSS3 with Custom Properties
• Data Visualization: Plotly.js (3D interactive graphs)
• Navigation: React Anchor Link Smooth Scroll
• Deployment: Production-ready build system

• Campus-wide Wi-Fi access point distribution
• Real-time network usage patterns
• Location: Dartmouth College Campus

• Multi-floor Wi-Fi traffic visualization
• 3D building representation
• Location: HKU Library, Hong Kong

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

This project is open source and available under the MIT License.

For questions or feedback, visit the contact section on our website.

• Dartmouth College for campus network data
• Hong Kong University for library Wi-Fi data
• React and Vite communities for excellent tools
• Plotly for interactive visualization capabilities

• Real-time data updates
• More campus locations
• Historical data comparison
• User-uploaded heatmaps
• Advanced filtering options
• Export visualization data
• Dark mode toggle