D3 first examples

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    svg { width:100%; height: 100% }
  </style>
</head>

<body>
  <script>
    // Feel free to change or delete any of the code you see!
 d3.select("body").append("div").attr("id","container")
.append("svg")
.attr("width" ,1000)
.attr("height",5000)
.style("background","white")
.append("circle")
.attr("cx",250)
.attr("cy",250)
.attr("r",100)
.style("fill","grey");

d3.select("svg")
.append("line")
.attr("x1", 20)
.attr("y1", 20)
.attr("x2",400)
.attr("y2",400)
.style("stroke", "black")
.style("stroke-width","2px");

d3.select("svg")
.append("rect")
.attr("width",250)
.attr("height",250)
.style("fill","red")
.style("stroke","black");

d3.select("svg")
.append("polygon")
.attr("points","100,50, 200,150, 300,50")
.style("fill","grey")
.style("stroke","red");

d3.select("svg")
.append("path")
.attr("d","M 200,50 ,L 500,250,L 300,200 Z")
.style("fill","blue")
    console.log("you are now rocking with d3", d3);
  </script>
</body>

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js