d3.jsで*シンプルな線分を描くには？

Question

d3.jsのdocumentationでは、の単純な線分を2点の間に描く簡単な方法が見つかりません。私がそこで見つけることができる唯一の方法は、xやyなどのコールバックを作成することを必要とする方法です。 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' 
    }) 

（3つ全て例は0,0から200,200までの線を引いています）