Built with blockbuilder.org
forked from curran's block: Using Merge
license: mit |
Built with blockbuilder.org
forked from curran's block: Using Merge
<!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 | |
.enter().append("circle") | |
.attr("cy", 250) | |
.attr("r", 100) | |
.merge(circles) | |
.attr("cx", function (d){ return d; }) | |
.exit().remove(); | |
} | |
setTimeout(function (){ render([300, 500, 700]); }, 1000); | |
setTimeout(function (){ render([350, 600]); }, 2000); | |
</script> | |
</body> | |
</html> |