JSFiddle - React, Tailwind, and code Playground

by Gabriel Z

JavaScript

var data = [[0, 0], [100, 200], [300, 400]];
var width=600,height=600;
 svg = d3.select("body")
			.append("svg")
			.attr("width", width)
			.attr("height", height)
			.append("g");


var dValue = "M";
        for (var i = 0; i < data.length; i++) {
            if (i===0) {
                dValue += data[i][0] + "," + data[i][1] + " ";
            } else {
                dValue += "L "+ data[i][0] + "," + data[i][1] + " ";
            }
           
        }
dValue+="Z";
svg.append("path").attr("d",dValue).attr("stroke","red").attr("fill","none");