Come disegnare un segmento * simple * con d3.js?

Question

In documentation per d3.js Non riesco a trovare un modo semplice per disegnare un segmento semplice tra due punti. L'unico modo in cui posso trovarlo per farlo è uno che richiede la creazione di callback per xey, ecc. Ecc. I.e. a major produzione solo per disegnare un segmento di linea semplice.

C'è qualcosa di più semplice?

Answer 1

più semplice è:

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

Questo non è troppo male:

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

Ancora ....

Non so se questo è più semplice, ma è forse più diretto:

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

(Tutti e tre esempi tracciare una linea da 0,0 a 200,200)