100%

Fork of Earth with Magnetic Field

✓ Published1🌍 Public

Last edited Mar 19, 2025

Created on Mar 19, 2025

This animated WebGL visualization depicts a full solar system with textured planets, orbital paths, and Earth’s magnetic field shown as curved dipole field lines emanating from labeled north and south magnetic poles. Using Three.js with the OrbitControls module, the scene renders the Sun, all eight planets, Saturn’s rings, and a starry background. Field lines follow the dipole equation r = C·sin²(θ), with interactive camera controls for rotation, zoom, and pan.

AI-generated description

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

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 d

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

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Earth with Magnetic Field

An animated Three.js visualization of the solar system shows the Sun, eight planets, and Earth's magnetic field rendered as dipole field lines extending between orange and blue pole markers. The scene includes textured planetary surfaces, Saturn's rings, and interactive OrbitControls for camera rotation and zoom. Planet textures are loaded from Three.js example sources, with sizes and distances artistically scaled for visibility while the magnetic field lines follow the mathematical dipole equation r = C·sin²(θ).

NNita

95% match

Loading thumbnail…

Fork of Fork of Fork of Earth with Magnetic Field

NNita

95% match

Loading thumbnail…

Fork of Fork of Fork of Earth with Magnetic Field

NNita

95% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Earth with Magnetic Field

This interactive 3D visualization displays a solar system with all eight planets orbiting the Sun, featuring Earth's magnetic field as colored dipole field lines curving from the north to south magnetic poles. The scene also includes Saturn's rings, planetary textures, a starry background, and camera controls. Built with Three.js and OrbitControls, the visualization animates planetary rotations and orbits while offering an audio narration that triggers an automatic camera focus on Earth's magnetic field. Planet sizes and distances are intentionally not to scale for visual clarity.

NNita

94% match

Loading thumbnail…

Fork of Fork of Earth with Magnetic Field

An interactive 3D solar system renders the Sun and eight planets with orbit paths, textured surfaces, and Saturn’s rings, while highlighting Earth’s magnetic field via blue and orange poles connected by dipole field lines. Built with Three.js and ES modules, it uses orbit controls for camera navigation, point and ambient lighting for illumination, and fixed planet scales for clarity. The scene animates planetary rotations and revolutions, and the magnetic field lines are generated from the dipole equation r = C · sin²(θ), with textures loaded from Three.js example assets.

NNita

94% match

Loading thumbnail…

Fork of Earth with Magnetic Field with Audio

This interactive WebGL visualization, built with Three.js and ES modules, depicts the solar system with a focus on Earth's magnetic field. The scene shows all eight planets with orbital paths, planetary rotations, and atmospheric effects, while Earth's dipole magnetic field is rendered as curved field lines from pole to pole. Users can click any planet to focus the camera and view details. An HTML5 audio narration controls a camera transition and pulsating field-line animation that highlights Earth's magnetic protection.

NNita

91% match

Loading thumbnail…

Fork of Earth with Magnetic Field

A 3D Earth rotates in a starry black void, surrounded by a spherical shell of magnetic field lines rendered as semi-transparent glowing tubes. The visualization includes latitude circles, longitude semicircles, diagonal paths, and traditional dipole lines, with blue and orange markers at the magnetic poles. Built with Three.js and WebGL, the scene uses a realistic Earth texture and supports interactive camera controls for rotation, zoom, and panning.

NNita

88% match

Loading thumbnail…

Earth with Magnetic Field with Audio

This interactive 3D visualization displays the solar system with planets orbiting the Sun, emphasizing Earth's magnetic field as rendered dipole field lines. The field lines follow the mathematical formula r = C * sin²(θ), with blue and orange markers indicating the north and south magnetic poles. Built using Three.js with WebGL rendering, the scene includes realistic planet textures, Saturn's rings, and starry background. Users can rotate, zoom, and pan the camera. An audio narration explains the magnetic field's protective function, and during playback the camera automatically focuses on Earth.

NNita

86% match