title: Uncaught TypeError: Cannot read property 'arc' of undefined in AngularJS and D3
body: <p>I am new to AngularJS and D3. I am building a dashboard using these technologies.
  I have included the d3.min.js file in the index file and trying to draw a cirle with it.Here is the code:</p>
  
  <pre><code>enter code here 
  var svg = d3.select("body")
  .append("svg")
  .attr("width", 200)
  .attr("height", 200)
  .append("g")
  .attr("transform", "translate(100,100)");
  
   var arc = d3.svg.arc()
   .innerRadius(50)
   .outerRadius(70)
   .startAngle(0)
   .endAngle(2 * Math.PI);
  
   svg.append("path")
   .attr("class", "arc")
   .attr("d", arc);
  </code></pre>
  
  <p>but I keep on getting a console message : Uncaught TypeError: Cannot read property 'arc' </p>
  
  <p>I also tried to draw a barchart but this time the error reported was:
  Uncaught TypeError: Cannot read property 'linear'</p>
  
  <p>Please help </p>