### Applet: Parallelepiped approximation underlying volume transformation calculation

#### Applet loading

#### Applet loading

The change of variables function $\cvarf$ transforms a small box (left) in $\cvarfv\cvarsv\cvartv$-space to a curvy region in $xyz$ space. But, since we view the dimensions $\Delta\cvarfv \times \Delta\cvarsv \times \Delta\cvartv$ as being small, we can approximate the image of the box as the shown parallelepiped (right). Four corners around $(\cvarfv,\cvarsv,\cvartv)$ of the box and the corresponding points on the parallelepiped are labeled (though the dimensions $\Delta\cvarfv, \Delta\cvarsv, \Delta\cvartv$ are replaced by $d\cvarfv, d\cvarsv, d\cvartv$). To help visualize the correspondence between the box and the parallelepiped under the map $\cvarf$, the edges between the labeled corners are highlighted with different colors. Since the image of the box is approximated as a parallelepiped, we can easily calculate its volume using the scalar triple product. Drag the image with your mouse to rotate it and better visualize the mapping.

#### Applet links

This applet is found in the pages

#### General information about three.js applets

The applet was made using three.js and requires Javascript as well as a browser that supports WebGL. For most three.js applets, you can drag with the mouse to rotate the view, drag with the right button to pan, and zoom in/out with the mouse wheel. Many applets contain points that you can drag to change values of variables.