title: Is there any way to create rounded corners for SVG ARC?
body: <p>I would like to create rounded corners for svg arc. </p>
  
  <p><img src="https://i.stack.imgur.com/m6F1X.png" alt="enter image description here"></p>
  
  <p>Here is my code for above arc </p>
  
  <pre><code>(function() 
  { 
       var svg = d3.select('#pieChart').append("svg:svg").attr('width', 300).attr('height', 300).attr('fill', '#123456').append("g").attr("transform", "translate(" + 300 / 2 + "," + 300 / 2 + ")"); 
       var arc = d3.svg.arc().innerRadius(100).outerRadius(140).startAngle(0).endAngle(190 * (Math.PI)/180); 
       svg.append("path").attr('d', arc); 
  }());
  </code></pre>