D3 анимации

by vollossy

HTML

<script src="https://d3js.org/d3.v4.min.js"></script>
<svg>
  <circle cx="50" cy="50" r="50" />
</svg>

JavaScript

d3.selectAll("circle").transition()
  .duration(750)
  .delay(function(d, i) {
    return i * 10;
  })
  .attr("r", function(d) {
    return Math.sqrt(4);
  });