D3 Examples - Repeat Finder Arc

xxxxxxxxxx
 
<!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>
    
    var svg = d3.select("body").append("svg")
    
    var group = svg.append("g")
      .attr("transform", "translate (350,350)");
    
    //outer circle
    var r = 300
    var p = Math.PI *2;
    
    var arc = d3.svg.arc()
      .innerRadius(r-50)
      .outerRadius(r)
        .startAngle(0)
        .endAngle(p);
    
    group.append("path")
      .attr("d", arc)
      .attr("fill", "none")
      .attr("stroke", "black")
    
    group.append
      
        
    
    
    
    //
      
    
​
    
  </script>
</body>
​
    