D3 Examples - Bar Chart Variation

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { margin:100;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>
​
<body>
  <script>
    var dataArray = [5,12,17];
    var svg = d3.select("body")
                            .append("svg")
                  .attr("height","100%")
                  .attr("width","100%");
​
    svg.selectAll("rect")
          .data(dataArray)
          .enter().append("rect")
                    .attr("height",function(d,i){ return d*10; })
                    .attr("width","50")
                    .attr("fill",function(d,i){return d3.rgb(d*20,20,20,0.8); })
                    .attr("x",function(d,i){ return 50*i; })
                    .attr("y",function(d,i){ return 200-(d*5); });
  </script>
</body>
​
    