JSFiddle - React, Tailwind, and code Playground

by Henry

CSS

.block{
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    margin: 4px;
}

JavaScript

body = d3.select("body");
body.selectAll('.block').data(['foo', 'bar'])
                             .enter()
                             .append('div')
                             .classed('block', true)
.text(String)
.style('background-color', d3.rgb(128, 0, 128))
          .transition()
          //.delay(1500)
          .duration(1500)
          .style('background-color', d3.rgb(128, 128, 0));