Как использовать маркер стрелки на элементе svg <line>?

Мне нужно создать стрелку в d3.js, но все, что я нахожу, это примеры с диаграммами узлов, мне нужно просто сделать стрелку, идущую от точки A до точки B.

Я попытался реализовать часть кода в следующем примере: http://bl.ocks.org/1153292

эта конкретная часть:

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");

Но, как я упоминал ранее, я не нашел способ создать стрелку с помощью svg:line

очень ценю помощь, которую вы можете мне дать.

Ответ 1