Как нарисовать * простой * сегмент линии с d3.js?

Question

В documentation для d3.js Я не могу найти простой способ нарисовать простой отрезок между двумя точками. Единственный способ найти это - это тот, который требует создания обратных вызовов для x и y и т. Д. И т. Д. I.e. a майор производство просто для рисования простого сегмента линии.

Есть ли что-то более простое?

Answer 1

Простейшие является:

d3.select('svg') 
    .append('path') 
    .attr({ 
    d: "M0,0L200,200" 
    stroke: '#000' 
    }); 

Это не так уж плохо:

var simpleLine = d3.svg.line() 
d3.select('svg') 
    .append('path') 
    .attr({ 
    d: simpleLine([[0,0],[200,200]]), 
    stroke: '#000' 
    }); 

Еще ....

Незнайка, если это проще, но это может быть более прямым:

d3.select('svg') 
    .append('line') 
    .attr({ 
    x1: 0, 
    y1: 0, 
    x2: 200, 
    y2: 200, 
    stroke: '#000' 
    }) 

(Все три примеры рисуют линию от 0,0 до 200,200)