d3JS: Desenho de segmentos de linha de CSV
Nos d3Js, como desenhar segmentos de linha básicos de um arquivo tsv? Digamos que o arquivo declare, em uma linha de dados, x1, y1, x2, y2. Quero desenhar dois segmentos de linha, como nos dados abaixo:
x0 y0 x1 y1 weight
0.5 0.5 0.2 0.2 2
0.25 0.35 0.7 0.8 1
Estou tendo problemas com a função d3.tsv aqui. Estou confiante de que o código abaixo está fundamentalmente errado, mas apenas para mostrar o que estou tentando fazer ...
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");
});
Alguém pode por favor me dizer a direção correta? A documentação lá fora se refere principalmente à criação de caminhos através de uma série de dados enquanto estou tentando produzir segmentos de linha individuais. Agradecemos antecipadamente por qualquer ajuda.