D3 Examples - Sha-banga-bang

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
</head>
<style>
  body{
    margin:0;
    padding: 0;
  }
</style>
<body>
    <svg width=960 height=500 style="background-color:red">
    <rect x=300 y=200 height=100 width=486 stroke="#00ef00" stroke-width=17 stroke-dasharray="34 33 21 11 45 66 23">
    </rect>
    <rect x=100 y=300 height=100 width=486 fill="#ffd800">
    </rect>
    <rect x=100 y=100 height=486 width=100 stroke="#00ef00" stroke-width=17 stroke-dasharray="34 33 21 11 45 66 23">
    </rect>
    <circle r=35 cx=450 cy=250 stroke="#00d8ff" stroke-width=12>
    </circle>
  </svg>
  <script>
    console.log("you are now rocking with d3", d3);
  </script>
</body>
​
​
​
    