BarChart_Integer

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <script src= "https://cdnjs.com/libraries/d3-legend"></script>
  <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<style>
   body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
   svg { width:100%; height:100%;}
     
  .bar {fill: steelblue;}
     
  .bar:hover {fill: red;}
     
  .axis path,
  .axis line {
    fill: black;
    stroke: #000;
    shape-rendering: crispEdges;
  }

.x.axis path {
    display: none;
  }
     
     
  .my-text {
    font-size: 1em;
    font-family: 'Poiret One', cursive;
  } 
  
  
</style>

</head>
<body class="my-text">
  <H1>Bar Chart - Visits Data</H1>
  <script>
    var margin = {top: 20, right: 20, bottom: 30, left:80
                 },
    width = 960 - margin.left - margin.right,
    height = 500 - margin.top - margin.bottom;
    
    var x = d3.scale.ordinal()
        .rangeRoundBands([0, width], .1);
    
    var y = d3.scale.linear()
        .range([height,0]);
   
    var xAxis = d3.svg.axis()
    .scale(x)
    .orient("bottom");

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js