<!DOCTYPE html>
<meta charset="utf-8">
<style>
body{
  font-weight:bold;
}
.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

</style>
<body>
<script src="../../d3.js"></script>
<script>
var color=d3.scale.category20();

var margin = {top: 20, right: 20, bottom: 20, left: 20},
    width = 500 - margin.left - margin.right,
    height = 500 - margin.top - margin.bottom;
 
var dataset=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19];

var yScale=d3.scale.ordinal() 
    