JSFiddle - React, Tailwind, and code Playground

JavaScript

// [0, 100, 200, 300, 500 ...]
var data = d3.range(10).map(function(d){ return d*100})


var svg = d3.select("body").append("svg");

svg.selectAll("rect")
  .data(data)
  .enter()
   .append("rect")
   .attr("width", 100)
   .attr("height", 100)
   .attr("x", 0)
   .attr("y", function(d, i){ return i* 10 })
   .style("stroke-dasharray": 5,5)
    });