JSFiddle - React, Tailwind, and code Playground

HTML

<div class='a'>everything</div>
<div class='b'>is</div>
<div class='c'>awesome</div>
<div class='d'>!</div>

JavaScript

quadrants = ["a", "b", "c", "d"];
for (var i in quadrants) 
{
    //svgContainer.append("g").attr("class", quadrants[i]);
    var group = d3.selectAll('.'+quadrants[i]);
    group.text(function(){return i});
}