Using HTML, SVG, and JavaScript to create a "Moss Egg" drawing

In this video we use JavaScript to add elements to an initially empty SVG element on an HTML page. We develop a shape known as a "Moss Egg" (p. 5 Mathographics by Robert Dixon, Dover Publications). It is a compass construction consisting of four arcs from two large circles forming the sides, a medium-sized circle forming the bottom, and a smaller-sized circle forming the top. After showing the constituent elements used to generate the egg-shaped path, we used the resulting code on a second HTML page that draws a dozen eggs.

[@thomasblum9803]

www1.lasalle.edu/~blum/c343wks/SVG_Moss_Egg_2.html

[@thomasblum9803]

www1.lasalle.edu/~blum/c343wks/SVG_Moss_Egg.html