title: How to use an arrow marker on an SVG <line> element?
body: <p>I need to create an arrow in d3.js, but all I find are examples with diagrams of nodes. What I need is to simply make an arrow that goes from point A to point B.</p>
  
  <p>I tried implementing part of the code in the following example: <a href="http://bl.ocks.org/1153292" rel="nofollow noreferrer">http://bl.ocks.org/1153292</a></p>
  
  <p>This specific part:</p>
  
  <pre><code>svg.append("svg:defs").selectAll("marker")
      .data(["suit", "licensing", "resolved"])
    .enter().append("svg:marker")
      .attr("id", String)
      .attr("viewBox", "0 -5 10 10")
      .attr("refX", 15)
      .attr("refY", -1.5)
      .attr("markerWidth", 6)
      .attr("markerHeight", 6)
      .attr("orient", "auto")
    .append("svg:path")
      .attr("d", "M0,-5L10,0L0,5");
  </code></pre>
  
  <p>But as I mentioned earlier, I do not find the way to create the arrow with a <code>svg:line</code>
  greatly appreciate the help you can give me.</p>