d3JS: Zeichnen von Liniensegmenten aus CSV
Wie zeichnet man in d3Js einfache Liniensegmente aus einer tsv-Datei? Sagen wir, die Datei deklariert in einer Datenzeile x1, y1, x2, y2. Ich möchte zwei Liniensegmente wie in den folgenden Daten zeichnen:
x0 y0 x1 y1 weight
0.5 0.5 0.2 0.2 2
0.25 0.35 0.7 0.8 1
Ich habe hier Probleme mit der Funktion d3.tsv. Ich bin zuversichtlich, dass der folgende Code grundsätzlich falsch ist, aber nur um zu zeigen, was ich versuche zu tun ...
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");
});
Könnte mich bitte jemand in die richtige Richtung weisen? Die Dokumentation bezieht sich hauptsächlich auf das Erstellen von Pfaden durch eine Reihe von Daten, während ich versuche, einzelne Liniensegmente zu erstellen. Vielen Dank im Voraus für jede Hilfe.