JSFiddle - React, Tailwind, and code Playground

JavaScript

var data = [4, 8, 15, 16, 23, 16];
    var indices = d3.range(0, data.length);
    
    var chartWidth = 420;
    var chartHeight = 120;
    
    var chart = d3.select("body").append("svg")
         .attr("class", "chart")
         .attr("width", chartWidth)
         .attr("height", chartHeight);
    
    var x = d3.scale.linear()
         .domain([0, d3.max(data)])
         .range([0, chartWidth])
    
    var y = d3.scale.ordinal()
         .domain(indices)
         .rangeRoundBands([0, chartHeight]);
    
    chart.selectAll("rect")
        .data(data)
        .enter().append("rect")
        .attr("y", function (value, index) { return y(index); })
        .attr("width", x)
        .attr("height", y.rangeBand());