JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.14/d3.min.js"></script>

<svg></svg>

CSS

*{
  margin-top: 10px;
  margin-left: 10px;
}

JavaScript

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

var dataSet = [
				1800, 1700, 1030, 1130, 950, 1249, 1225, 1821, 1250,
				1505, 38, 130, 1520, 1600, 1330, 1930, 1806, 1535
			];

var text = svg.selectAll('text')
    .data(dataSet)
   .enter().append('text')
    .attr("x", function(d,i){return 100 * (i % 3)})
    .attr("y", function(d,i){return 20 * ( Math.floor(i/3) ) })
    .attr("fill", "#000")
    .text(function(d){return d});