JSFiddle - React, Tailwind, and code Playground

by yonet3d

HTML

<script src="https://d3js.org/d3.v4.js"></script>

JavaScript

var data = [0, 1,3,5,7,11];
var data2 = [1,2, 3, 4, 8, 11];

function render(data) {
  
  var els = d3.select("body")
    .selectAll("p")
    .data(data, function(d) { return d; });// UPDATE

  var updating = els.style("color", "red");
  
  var entering = els.enter().append("p")// ENTER
    .text(String)
    .transition().duration(750)
    .style("color", "blue")
   
  var exiting = els.exit()
  .transition().duration(750)
  .style("color", "lightgrey");//EXIT
  
  var merged = els.merge(entering)// ENTER + UPDATE
    .style("color", "green");
}
var scale = d3.scaleLinear().domain([10, 0]).ticks(5); 
console.log(scale)

render(data);
render(data2)