JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.js"></script>
<div id="parent">

</div>

JavaScript

data = [{}, {}, {}];
    var enterSelection = d3.select('#parent').selectAll('p').data(data).enter()

    enterSelection.append('p').text(function(d, i) {return 'from data[' + i + ']'})
    enterSelection.insert('p').text(function(d, i) {return 'from data[' + i + ']'})