Svg: simple example

<!DOCTYPE html>
 <title>SVG Stuff</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href=""></link>
 <svg height="500" width="500">
 <circle cx="250" cy="250" r="250" fill="hotpink"/>
<!-- -->
<!-- Location is [file:///e:/sandbox/javascript/testsvg.html] -->


That was how to do it all inline. To decouple the svg from the parent html, you need something like this:

Now, until I included the namespace xmlns=”;, all  got was a dumb broken. With the namespace in place, you get this: