JavaScript and SVG: Making a design like Jasper Johns' 0 to 9

In this video we look at a HTML page with an SVG element populated by JavaScript that creates a design inspired by Jasper Johns' work "0 through 9". The HTML is little more than an SVG element with a g (grouping tag) inside. Then JavaScript dynamically add SVG text elements -- each with a single digit. Each had a fill of none -- hence their transparency. Each has the same x and y location -- hence their overlapping. In a second version the x values are spread out -- so the overlapping is not as extensive.

[@horrorislander]

Nice! I knew you could do that in Postscript, but not in JavaScript. I hope you don't mind, but I modified your doc to just do the odd digits. Thanks!

[@thomasblum9803]

Glad to hear you made it your own.

[@thomasblum9803]

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