6695426 by vicapow

index.html

<!DOCTYPE html>
<html>
   <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
  </head>
  <body>
    <style>
      .bar{
        height: 10px;
        background-color: blue;
        border-bottom: 1px solid white;
      }
    </style>
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
    <script>
      // set the width of the three bars in our bar chart, then remove them after 3 seconds.
      d3.selectAll('.bar')
        .data([10, 30, 60])
        .style('width', function(d, i){ return d + '%'; })
        .data([])
        .exit()
          .transition()
          .duration(2000)
          .style('opacity', '0.0')
          .remove();
    </script>
  </body>
</html>