Points Drawn In The Onload Event Of The Svg Element Are Not Being Displayed When Rendered

I'm working on drawing an SVG grid using Javascript. I've managed to get the axis drawn, as well as my quadrant labels. However I've run into an issue adding my dynamic points. I'm

Solution 1:

In order to dynamically create SVG elements you have to use the createElementNS method with the appropriate namespace, e.g.

var dot = SVGDoc.createElementNS("http://www.w3.org/2000/svg", "circle");

For more info, see the tutorials by Kevin Lindsay and especially here.