JSFiddle - React, Tailwind, and code Playground

by Henry

HTML

<svg></svg>

CSS

rect
{
   fill:teal;
}

JavaScript

var myobj = [ {myarray:[10,6,7]} ];

    d3.select("svg").selectAll(".newrec")
        .data(myobj[0].myarray)
        .enter()
        .append("rect")
        .attr("class","newrec")
        .attr("width",function (d) {console.log(d); return d})
        .attr("height", 10)
        .attr("x", 10)
        .attr("y", function(d,i) {return i*12;});