title: How to apply drag behavior to a d3.svg.arc?
body: <p>How do I apply d3.behavior.drag() to the following arc?</p>
  
  <pre><code>var arc = d3.svg.arc()
      .innerRadius(50)
      .outerRadius(70)
      .startAngle(45 * (pi/180)) //converting from degs to radians
      .endAngle(3) //just radians
  
  vis.append("path")
      .attr("d", arc)
      .attr("transform", "translate(200,200)")
  </code></pre>
  
  <p>I want to be able to drag the arc around. I have not been able to see anything that uses the drag behavior on any SVG path based object (only for basic elements like circle, rectangle, etc.)</p>
  
  <p>The closest thing I can find related to dragging is this:
  <a href="http://bl.ocks.org/mbostock/1557377" rel="nofollow">http://bl.ocks.org/mbostock/1557377</a></p>
  
  <p>Though it appears that if you try to ".on("drag", dragmove) for the appended path (.append("path")) "d" comes out as undefined. And if you attach ".on("drag", dragmove)" to the arc itself, the event doesn't appear to fire...)</p>