Surface Area:Volume Simulation

Prompt

Code in html, CSS, and JavaScript a simulation that is self-contained, complete, and embeddable to show the relationship between surface area and volume in three-dimensional shapes. Include a user selection for cube, sphere, rectantangular prism, square pyramid, cylinder, toroid,  and any other solid that should commonly appear in a secondary school standardized exam using common core mathematics and geometry. Add sliders for x, y, and z axes. Use metric scales for volume and surface area and show changes as the user drags the sliders. Animate the figure as the user adjusts the sliders for each dimension. Use a navy blue, white, black, and gray theme. Add sounds that make the simulation engaging. 

Iteration

Rearrange the shape selection, side length, measurements box, and camera reset button to be at the top for ease of use and to reduce the amount of scrolling the user will have to do.