D3 Examples - Squaring the circle, part 1

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
  <style>
    html, body, div, svg {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    html, body, #app {
      width: 100%;
      height: 100%;
      position: relative;
    }
    body {
      overflow: hidden;
    }
    .line {
      fill: none;
    }
    @media print {
      .dg { display: none }
    }    
  </style>
</head>
<body>
  <div id="app"></div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.2/dat.gui.min.js"></script>
  <script src="script.js"></script>
</body>
</html>
    