D3 Examples - [UNLISTED] Exit Lost After Merge (II)

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
  <head>
    <title>Exit Lost After Merge</title>
    <script src="https://d3js.org/d3.v4.min.js"></script>
  </head>
  <body>
    <svg width="960" height="500"></svg>
    <script>
      var svg = d3.select("svg");
      
      function render(data){
var circles = svg
  .selectAll("circle").data(data);
​
circles
  .merge(circles.enter().append("circle")
    .attr("cy", 250)
    .attr("r", 100)
  )
    .attr("cx", function (d){ return d; })
  .exit().remove();
      }
      
      setTimeout(function (){ render([300, 500, 700]); }, 1000);
      setTimeout(function (){ render([350, 600]); }, 2000);
      
    </script>
  </body>
</html>
    