Solar System with Earth's Magnetic Field

This project shows a 3D visualization of our solar system with a focus on Earth's magnetic field represented by field lines.

Features

• Complete solar system with the Sun and all 8 planets
• Realistic planet textures
• Planetary orbits and rotations
• Earth's magnetic field lines visualized as dipole field emanating from poles
• Saturn with rings
• Interactive camera controls (rotate, zoom, pan)
• Starry background
• Audio explanation of Earth's magnetic field function

Technologies Used

• Three.js for 3D rendering
• JavaScript ES modules
• HTML5 and CSS
• HTML5 Audio API for narration

How It Works

The magnetic field is represented using dipole field equations that create curved lines from the north pole to the south pole. The field lines follow the mathematical formula: r = C * sin²(θ), which d

The blue marker indicates the north magnetic pole, and the orange marker indicates the south magnetic pole.

When the audio explanation plays, the camera will automatically focus on Earth's magnetic field for better visualization.

Note: Planet sizes and distances are not to scale to improve visualization.