Skip to content

feat: Add Satellite View page with 3D Earth visualization (satellite.html) - #292

Closed
Riya-Kharade wants to merge 1 commit into
vinaysingh282006:mainfrom
Riya-Kharade:satellite
Closed

feat: Add Satellite View page with 3D Earth visualization (satellite.html)#292
Riya-Kharade wants to merge 1 commit into
vinaysingh282006:mainfrom
Riya-Kharade:satellite

Conversation

@Riya-Kharade

@Riya-Kharade Riya-Kharade commented Mar 1, 2026

Copy link
Copy Markdown
Contributor

📌 Description

This PR introduces a new Satellite View page to EcoPulse.

The page provides an immersive 3D Earth visualization with interactive
pollution markers, simulating a satellite-based environmental monitoring system.

closed #288


✨ Changes Made

  • Created new file: satellite.html
  • Implemented 3D Earth using Three.js
  • Added atmospheric glow effect
  • Added starfield background
  • Implemented color-coded pollution markers
  • Added hover tooltip displaying city pollution levels
  • Added eco-themed navigation bar with Back Home button
  • Ensured responsive rendering on window resize

🎯 Purpose

This feature:

  • Enhances visual storytelling
  • Adds immersive spatial visualization
  • Simulates real-world satellite monitoring
  • Strengthens hackathon and portfolio impact
  • Improves overall production-level presentation

🧪 Testing

  • Verified Earth rotation animation
  • Tested marker hover interaction
  • Checked tooltip positioning
  • Confirmed responsive canvas rendering
  • Ensured smooth performance across devices

Screenshot

image

No backend changes were introduced.

@Riya-Kharade Riya-Kharade closed this by deleting the head repository Mar 8, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature Request] Add Satellite View Page (satellite.html)

1 participant