Visualization Catalog

Each image links to a live example with its HTML markup.

Help your audience gain a deep and intuitive understanding of physics in three dimensions. Present realistic interactive visualizations when you first introduce these concepts. These open source visualizations are easily included in your content, and can directly replace many of the standard images in electrostatics and soon for other topics as well.

Think of it as clip art for visualizations.

Click any of the catalog entries to see a live example with its HTML markup. The markup loads the visualization from the GitHub repository and can easily be incorporated into any HTML content. Each visualization is contained within a small web page for easy inclusion as an iframe in larger content making these visualizations a drop-in replacement for images. For additional issues, such as how to size these visualizations, or your license obligations, see the FAQ.

Each visualization presents an interactive three dimensional model built with WebGL and a small help button in the lower right corner. In the event WebGL is not available, a static image is displayed along with an additional info icon that links to instructions for enabling WebGL on that platform.

A positive charge.
A negative charge.
Two positive charges.
An electric dipole.
A dipole, but now the charges are assymetric.
A positive charge with a Gaussian sphere.
A positive charge outside of a Gaussian sphere.
A dipole surrounded by a Gaussian sphere.
A spherical charge distribution.
A Gaussian sphere surrounded by a charge distribution.
A charge distribution surrounded by a Gaussian sphere.
A positively charged plane.
A negatively charged plane.
A positively charged plane with a Gaussian pillbox.
Oppositely charged planes.
Oppositely charged planes spanned by a Gaussian surface.
A Gaussian surface between charged planes.
A Gaussian surface encloses charge from one of two planes.
A positive charge over a positively charged plane.
A negative charge over a positively charged plane.
A positive charge over a negatively charged plane.
A negative charge over a negatively charged plane.
A positively charged line.
A negatively charged line.
Oppositely charged lines.
Parallel charged lines.
A charged line with a Gaussian cylinder.
A positive cylindrical charge distribution.
Opposite cylindrical and linear charge distributions.
A Gaussian Surface Surrounding A Line Charge.
A Gaussian Surface Surrounding A Line And Cylindrical Charge.