JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.new {
    border: solid red 1px;
}
.update {
    border: solid blue 1px;
}

JavaScript

var data = [1, 2, 3, 4];

function updateSelection(data) {
    var selection = d3.select('body').selectAll('p').data(data);
    selection.attr('class', 'update');
    selection.enter().append('p').attr('class', 'new');
    selection.exit().remove();
}

setInterval(function () {
    data.push(1);
    updateSelection(data);
}, 1000);