This interactive visualization tool serves as a dynamic demonstrator of vector calculus principles, allowing users to select and compare vector behavior on either a Sphere or a Cylinder. Central to the demo are draggable red points, which, as they move across the surface, instantly update three core vectors: the green position vector ( $x$ from the origin), the yellow normal vector ( $d S$ ), and their cross-product, the orange tangential vector ( $x \times d S$ ). The ability to add multiple points on the Cylinder enhances the comparison, allowing users to visually grasp the symmetry and cancellation that lead to the zero-sum result of the closed surface integral, further supported by a dynamic text panel that provides physics explanations tailored to the currently selected shape.
The two visualizations demonstrate that the value of the integral $\oint_S x \times d S$ is governed by the rotational symmetry of the surface relative to the origin. In Case A, a centered disk maintains perfect symmetry where every position vector $x$ is balanced by an opposing vector $-x$, causing the local "torques" to cancel out and the total integral to vanish. In Case B, shifting the hemisphere away from the origin breaks this symmetry, giving points further from the origin more "leverage" and preventing the vector sum from returning to zero. This transition highlights that while the integral always vanishes for closed surfaces due to the zero curl of the position vector, open surfaces yield a non-zero result proportional to the displacement and area of the boundary curve.
block-beta
columns 6
CC["Criss-Cross"]:6
%% Condensed Notes
CN["Condensed Notes"]:6
RF["Relevant File"]:6
NV["Narrated Video"]:6
PA("Plotting & Analysis")AA("Animation & Analysis")KT("Summary & Interpretation") ID("Illustration & Demo") VA1("Visual Aid")MG1("Multigraph")
%% Proof and Derivation
PD["Proof and Derivation"]:6
AF("Derivation Sheet"):6
NV2["Narrated Video"]:6
PA2("Plotting & Analysis")AA2("Animation & Analysis")KT2("Summary & Interpretation") ID2("Illustration & Demo")VA2("Visual Aid") MG2("Multigraph")
classDef color_1 fill:#8e562f,stroke:#8e562f,color:#fff
class CC color_1
%% %% Condensed Notes
classDef color_2 fill:#14626e,stroke:#14626e,color:#14626e
class CN color_2
class RF color_2
classDef color_3 fill:#1e81b0,stroke:#1e81b0,color:#1e81b0
class NV color_3
class PA color_3
class AA color_3
class KT color_3
class ID color_3
class VA1 color_3
classDef color_4 fill:#47a291,stroke:#47a291,color:#47a291
class VO color_4
class MG1 color_4
%% Proof and Derivation
classDef color_5 fill:#307834,stroke:#307834,color:#fff
class PD color_5
class AF color_5
classDef color_6 fill:#38b01e,stroke:#38b01e,color:#fff
class NV2 color_6
class PA2 color_6
class AA2 color_6
class KT2 color_6
class ID2 color_6
class VA2 color_6
classDef color_7 fill:#47a291,stroke:#47a291,color:#fff
class VO2 color_7
class MG2 color_7
‣
<aside> <img src="/icons/report_pink.svg" alt="/icons/report_pink.svg" width="40px" />
Copyright Notice
All content and images on this page are the 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>