Export Code

Earth with Magnetic Field

Nita

Last edited Mar 19, 2025
Created on Mar 19, 2025
Forked from HTML Starter

Earth with Magnetic Field Visualization

This project shows a 3D visualization of Earth with its magnetic field represented by field lines.

Features

  • 3D Earth with realistic texture
  • Magnetic field lines visualized as dipole field emanating from poles
  • Interactive camera controls (rotate, zoom, pan)
  • Earth rotation animation
  • Starry background

Technologies Used

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

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 describes how magnetic field lines behave around a dipole magnet (like Earth's core).

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

MIT Licensed