JSFiddle - React, Tailwind, and code Playground

by Shang-De You

JavaScript

var svg = d3.select("body").append("svg")
	.attr("width",400)
  .attr("height",300)
  
/* svg.append("line")
  .attr("x1",20)
  .attr("y1",20)
  .attr("x2",300)
  .attr("y2",100)
  .attr("stroke","black") */
  
/* svg.append("path")
  .attr("d","M80,80 L200,100 M200,100 L200,200 M200,200 L100,200")
  .attr("stroke","black")   */

var lines = [[80,80],[200,100],[200,200],[100,200]]
var linePath = d3.svg.line()
  
svg.append("path")
	.attr("d",linePath(lines))
  .attr("stroke","black")
  .attr("fill","none")