On the previous pages, the graphics already exist or are described with svg and then manipulated with javascript. I also want to learn how to generate new graphic svg objects with javascript. The elements to be generated are not described with svg directly, but javascript defines them, sets their attributes and adds them to the document object model.

  Rectangle subdivision – example 1