🎬Compare how vectors behave on a sphere and a cylinder

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.

🎬Narrated Video

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.