W d3Js: Jak narysować podstawowe segmenty linii z pliku tsv? Powiedz plik zadeklarowany w jednym wierszu danych, x1, y1, x2, y2. Chcę narysować dwa segmenty linii, jak w poniższych danych:

x0      y0      x1      y1      weight
0.5     0.5     0.2     0.2     2
0.25    0.35    0.7     0.8     1

Mam tutaj problem z funkcją d3.tsv. Jestem przekonany, że poniższy kod jest zasadniczo błędny, ale tylko po to, aby pokazać, co próbuję zrobić ...

d3.tsv("data/sampledata.tsv", function(error, data) {
data.forEach(function(d) {
    d.x0 = +d.x0;
    d.y0 = +d.y0;
    d.x1 = +d.x1;
    d.y1 = +d.y1;
});

 var line = svgContainer.append("line")
                     .attr("x1", function(d) { return (d.x0); })
                     .attr("y1", function(d) { return (d.y0); })
                     .attr("x2", function(d) { return (d.x1); })
                     .attr("y2", function(d) { return (d.y1); })
                     .attr("stroke-width", 2)
                     .attr("stroke", "black");

}); 

Czy ktoś mógłby wskazać mi właściwy kierunek? Dokumentacja odnosi się głównie do tworzenia ścieżek poprzez serię danych, podczas gdy próbuję wytworzyć poszczególne segmenty linii. Z góry dziękuję za wszelką pomoc.