JSFiddle - React, Tailwind, and code Playground

JavaScript

data = [{
     "name": "Maria",
     "age": 30
 }, {
     "name": "Fred",
     "age": 50
 }, {
     "name": "Jason",
     "age": 12
 }]
d3.json(data, function (data) { 
 var canvas = d3.select("body").append("svg")
     .attr("width", 500)
     .attr("height", 500)

 canvas.selectAll("rect")
     .data(data)
     .enter()
     .append("rect")
     .attr("width", function (d) {
     return d.age * 10;
 })
     .attr("height", "20px")
     .attr("y", function (d, i) {
     return i * 50;
 })
 }}