Using HTML, SVG and JavaScript to make a Yin-Yang symbol and Saving it as a stand-alone SVG file

In this video we use HTML, SVG (Scalable Vector Graphics) and JavaScript to create a Yin-Yang symbol. It included three circles -- the overall, outer circle and the two smaller circles within. The other element was a path that consisted of three arc -- one with the radius of the large circle and two with radii half that size. These elements were all added to an empty SVG element using JavaScript. Next we showed how to save the result as a stand-alone SVG file. We right click on the resulting HTML page and choose Inspect. Then we find the SVG code in the "inspection results" and we right click on that an choose Copy/Copt outerHTML. We started a new file with an SVG extension and pasted the copied code there. Next we added version="1.1" and xmlns="www.w3.org/2000/svg" attributes. Finally we saved the file.

[@thomasblum9803]

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