makes a path in svg
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<script src="index.js"></script>
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1 id="result">My first SVG</h1>
<svg width="100" height="100" id="canvas">
</svg>
<script>document.getElementById("canvas").innerHTML = '<path d="M20 10 H 50 V 50 Z" fill="transparent" stroke="black"/>';</script>
</body>
</html>