D3 Examples - D3 bar chart with animation

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    rect {
      fill: none;
      stroke: black;
      stroke-width: 1;
    }
  </style>
</head>
​
<body>
  <script>
    
    var n = 10;
​
    var svg = d3.select("body").append("svg")
      .attr("width", 960)
      .attr("height", 500);
​
//    var data = [22, 32, 21, 23, 10, 22, 11, 19, 30, 50, 19, 30, 50, 19, 30, 87];
    var data2 = d3.range(30).map(function(d,i){
            return {year:1991+y, users:Math.random()}  
    })
    
    var x = d3.scaleLinear()
        .domain([0, d3.max(data2)])
        .range([0, 100]);
    
    var y = d3.scaleLinear()
        .domain([0, d3.max(data2)])
        .range([0, 100]);
    
    var line = d3.line().x(function(d){
      return d.year;
    })
    .y(function(d){
      return d.users;
    })
    
        svg.selectAll(".line").data([data2]).enter().append("path")
   .attr("class", "line")
   .attr("d", line);
​
  </script>
</body>
​
    