The visualization dynamically demonstrates the magnetic torque equation, $M=m \times B$, and the resulting rotational dynamics of a current-carrying loop in a uniform magnetic field. By calculating the torque as a cross-product between the loop's magnetic moment ( $m$, blue vector) and the external magnetic field ( $B$, red vector), the simulation visually confirms the geometrical relationship: the torque vector ( $M$, green vector) is always perpendicular to the plane containing both $m$ and $B$. Crucially, the non-zero torque initiates an angular acceleration, causing the loop to physically rotate towards a state of minimum potential energy. The magnitude of $M$ varies sinusoidally, becoming maximal when $m$ is perpendicular to $B$ ( $\theta=90^{\circ}$ ) and dropping to zero when $m$ aligns with $B\left(\theta=0^{\circ}\right.$ or $\left.180^{\circ}\right)$, thereby defining the equilibrium position where the rotation ceases and minimum potential energy is achieved.
The progression of the demonstrations follows a purposeful path from abstract vector math to complex physical simulations and interactive conceptual contrasts.
stateDiagram-v2
[*] --> BasicVectorMath: Demo 1
note right of BasicVectorMath
Focus: M = m x B
Visualizes relationship between
m, B, and resulting torque M.
end note
BasicVectorMath --> PhysicalAlignment: Demo 2
note right of PhysicalAlignment
Focus: Rotational Dynamics
Introduces moment of inertia and
angular velocity to show the loop
physically aligning with B.
end note
PhysicalAlignment --> InteractiveControl: Demo 3
note right of InteractiveControl
Focus: User Agency
Replaces automatic Demo with
sliders to let users manually
manipulate the B-field angle.
end note
InteractiveControl --> CurrentVisualisation: Demo 4
note right of CurrentVisualisation
Focus: Right-Hand Rule
Adds purple arrows to the loop to
show current direction (I) and its
causal link to magnetic moment (m).
end note
CurrentVisualisation --> ForceTorqueContrast: Demo 5
note right of ForceTorqueContrast
Focus: Uniform vs. Non-Uniform Fields
Adds a toggle to switch to non-uniform
fields, demonstrating that net force
is non-zero when the field is not constant.
end note
ForceTorqueContrast --> [*]
Current Loop Torque (P28 Demos): Visualizing Force and Torque on a Magnetic Dipole.
---
config:
quadrantChart:
chartWidth: 800
chartHeight: 700
themeVariables:
quadrant1Fill: "#1c492c"
quadrant2Fill: "#1c492c"
quadrant3Fill: "#1c492c"
quadrant4Fill: "#1c492c"
quadrantInternalBorderStrokeFill: "#000"
quadrantExternalBorderStrokeFill: "#192a24"
---
quadrantChart
title Electrodynamics & Potential Theory: Reality vs. Logic
x-axis "Applied Physical Reality" --> "Theoretical Field Logic"
y-axis "Static Field States" --> "Dynamic/Kinetic Actions"
quadrant-1 "Advanced Field Singularities"
quadrant-2 "Interactive Applied Dynamics"
quadrant-3 "Structural Field Foundations"
quadrant-4 "Theoretical Potential Screening"
"Lorentz Force (P22 Demos)": [0.15, 0.85]
"Current Loop Torque (P28 Demos)":::col: [0.25, 0.75]
"Static Field Energy (P29 Demos)": [0.20, 0.15]
"Dipole Butterfly (P38 Demos)": [0.35, 0.25]
"Electric Dipole Interaction (P48 Demos)": [0.45, 0.60]
"Yukawa Screening (P44 Demos)": [0.75, 0.70]
"Dirac String Potentials (P46 Demos)": [0.95, 0.90]
classDef col color: #3e8f5a, radius : 20, stroke-color: #57c27b, stroke-width: 10px
‣
<aside> <img src="/icons/report_pink.svg" alt="/icons/report_pink.svg" width="40px" />
Copyright Notice
All content and images on this page are property of Sayako Dean, unless otherwise stated. They are protected by United States and international copyright laws. Any unauthorized use, reproduction, or distribution is strictly prohibited. For permission requests, please contact [email protected]
©️2026 Sayako Dean
</aside>