exploration&Visu

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
<script src="histo.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    .bar rect {
      fill: steelblue;
    }

.bar text {
      fill: #fff;
      font: 10px sans-serif;
    }

.axis text {
      font: 10px sans-serif;
    }

.axis path, .axis line {
      fill: none;
      stroke: #000;
      shape-rendering: crispEdges;
    }
  </style>
</head>
<svg width="960" height="500"></svg>
<body>
  <script>
    var jours = ['Lundi','Mardi','Mercredi',  'Jeudi', 'Vendredi', 'Samedi', 'Dimanche'];
    var types = ["THEFT","BATTERY","CRIMINAL DAMAGE","ASSAULT", "DECEPTIVE PRACTICE" ,                  "OTHER OFFENSE", "BURGLARY", "NARCOTICS", "ROBBERY", "MOTOR VEHICLE THEFT", 
						"CRIMINAL TRESPASS","WEAPONS VIOLATION" , "OFFENSE INVOLVING CHILDREN",
            "PUBLIC PEACE VIOLATION","CRIM SEXUAL ASSAULT","SEX OFFENSE", 
            "INTERFERENCE WITH PUBLIC OFFICER" , "PROSTITUTION","HOMICIDE", "ARSON",
            "LIQUOR LAW VIOLATION" ,"KIDNAPPING ", "GAMBLING","STALKING","INTIMIDATION",
            "OBSCENITY"  ,"NON-CRIMINAL","CONCEALED CARRY LICENSE VIOLATION" ,
            "HUMAN TRAFFICKING" ,"PUBLIC INDECENCY " , "NON - CRIMINAL" ,
                 "OTHER NARCOTIC VIOLATION " , "NON-CRIMINAL"];  
    var nbrCrimesParJour =[38061,37540,37242,38130, 41071,39288,36990]
    var nbrCrimesParMois =[20523,18655,21955,21048,23451, 23951, 24768,24812, 23580, 23648, 21656, 20275]
    var nbrCrimesParMois = [61567,50280,31017,18731,18433, 17243, 14288, 13269, 11959, 11294, 6307,3449, 2283, 1606, 1513, 957, 936, 800,780,516, 227,202,189,173,135, 53,48,36, 11,10,5,4,1 ]

</script>
</body>

https://d3js.org/d3.v4.min.js