Home▸Electromagnetism▸Magnetic Field Lines Simulation (2D)

🧲 Magnetic Field Lines Simulation (2D)

Canvas2D companion: trace bar-magnet field lines with the two-pole (Gilbert) model and watch compass needles align to them, or switch to a current-carrying wire and launch charged particles that curve under the real Lorentz force.

Electromagnetism2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

Details

CategoryElectromagnetism

RenderingCanvas 2D

DifficultyModerate

Target FPS60

ControlsSource selector (single magnet / two magnets / current wire), Pole strength slider, Compass needle toggle, Drag magnet body to move, drag N-pole tip to rotate, Current I slider (magnitude and direction), Charge sign toggle, Launch speed slider, Click canvas to fire a charged particle (wire mode), Clear particles button, Pause/Play and Reset buttons

magnetic fieldfield lineselectromagnetismLorentz forcecompassAmpere's law

Related simulations

Magnetic Field Force ExplorationManipulate magnetic field strengths and observe the forces acting on moving charges within…

Magnetic Field Interaction SimulationVisualize how magnetic fields interact with each other and with conductive materials,…

Magnetic Field LinesThis simulation demonstrates magnetic field lines, showcasing how they represent the force… ⊞ All 217 in Electromagnetism →

⚙ Under the hood

magnetic fieldfield lineselectromagnetismLorentz forcecompassAmpere's law

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install