01-simple-rect-with-js.html

<!DOCTYPE html>
<html>
<head>
  <title>SVG Tutorial</title>
</head>
<body>
  <div id="drawing"></div>
</body>
</html>
<!--
view/edit online:
http://jsbin.com/Udeyaje/2/edit?js,output
    -->
<script>
    var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
var svgNS = svg.namespaceURI;
    var rect = document.createElementNS(svgNS,'rect');
    rect.setAttribute('x',5);
    rect.setAttribute('y',5);
    rect.setAttribute('width',500);
    rect.setAttribute('height',500);
    rect.setAttribute('fill','#95B3D7');
    svg.appendChild(rect);
    document.body.appendChild(svg);

    var h=document.createElement('a');
h.setAttribute('href', 'http://www.google.com');
    var t=document.createTextNode('Hello World');
    h.appendChild(t);
    document.body.appendChild(h);
</script>