JSFiddle - React, Tailwind, and code Playground

by Freer Hall

HTML

<div id='myElement'></div>

JavaScript

var myElement = d3.select("#myElement");
var dataObj = [{stuff:"thing"}, {other:"something"}, {you:"get"}, {the:"idea"}];

myElement
 .selectAll("div.myClass")
 .data(dataObj)
 .enter()
 .append("div")
 .attr('class', 'myClass')
 .text(function(d, i) { 
    console.log(d, i);
    return Object.keys(d)[0];
});