Using HTML, SVG, and JavaScript to make a Hex Sign

In this video we look at a program that uses JavaScript to add XML elements to an SVG (scalable vector graphics) element on an HTML page. The code starts with a circle element. Then it adds arc paths and lines to create the rosette hex sign pattern interspersed with some hearts. The heart shape was explained in a previous video. Here we place the hearts in a g (container) element and then that container is given a "transform" attribute which will combine translate, rotate, and scale components.

[@thomasblum9803]

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