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.

🎬Narrated Video

https://youtu.be/hf15vi4jhZs


🪜State Diagram: Visualizing Magnetic Torque and Physical Field Dynamics

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 --> [*]

⚖️Quadrant 2: Current Loop Torque (P28 Demos)

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>