Circles overflow edges of SVG element

[generic-github-user]

The radii of the circles are limited to the inner bounds of the SVG element, but the circles themselves can overflow. Some padding should be added (equivalent to the radius of the circles, or a little bit more).

[generic-github-user]

Fixed issue (added spacing)

circle.setAttribute(
      "cx", Math.round(
            random(
                  (radius + 3),
                  (100 - radius - 3)
            )
      ) + "%"
);
circle.setAttribute(
      "cy", Math.round(
            random(
                  (radius + 3),
                  (100 - radius - 3)
            )
      ) + "%"
);

It kind of looks like some kind of modern art.