d3JS: отрисовка отрезков из CSV

В d3Js, как можно нарисовать основные отрезки линии из файла tsv? Скажем, файл объявляет в одной строке данных x1, y1, x2, y2. Я хочу нарисовать два отрезка линии, как показано в данных ниже:

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

У меня возникли проблемы с функцией d3.tsv здесь. Я'Я уверен, что приведенный ниже код в корне неверен, но просто чтобы показать, что яя пытаюсь сделать ...

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

}); 

Может ли кто-нибудь, пожалуйста, указать мне в правильном направлении? Документация там в основном относится к созданию путей через ряд данных, пока ям пытаюсь произвести отдельные отрезки. Заранее благодарю за любую помощь.

Ответы на вопрос(2)

Ваш ответ на вопрос