Basic transition

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
  <style>
    #block {
      background: lightgray;
      border: 1px solid black;
      width: 42px;
      height: 65px;
    }
  </style>
  <script src="//d3js.org/d3.v4.min.js"></script>
  
</head>

<body>
  <div id="block">

  </div>
  <script src="script.js"></script>
</body>

</html>

d3.select('#block')
    .transition()
        .duration(1200)
        .ease(d3.easeBounceOut)
        .delay(1000)
        .style('width', '400px')
        .style('height', '500px')
        .style('background-color', 'gold');

/* Styles go here */