JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>
<div id ="test">

JavaScript

var dataset2 = {'foo': 50, 'bar': 40};
    var d3data = d3.entries(dataset2)


    var svg2 = d3.select('#test')
    	.append('svg')
    	.attr('width', 600)
    	.attr('height', 600)

    svg2.append('rect')
	    .data(d3data)
	    .enter()
	    .append('rect')
	    .attr("x", function(d, i) {return i*21})
    	.attr('y', 0)
    	.attr('fill', 'brown')
    	.attr('width', 20)
    	.attr('height', function(d) {d.value});