xxxxxxxxxx
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script src="bars.js" type="text/javascript"></script>
<style>
.bar {
fill: steelblue;
}
.year {
font-family:Georgia,serif;
font-size:22px;
fill: #ccc;
opacity:0.45;
shape-rendering: crispEdges;
}
.axis {
font: 8px sans-serif;
stroke-width: 0.4px;
}
.axis path,
.axis line {
fill: none;
stroke: #ccc;
shape-rendering: crispEdges;
stroke-width: 0.6px;
}
.tick text{
font: 10px sans-serif;
stroke: #ccc;
shape-rendering: crispEdges;
}
.x.axis path {
display: none;
}
.annotation {
font-family:Helvetica,sans-serif;
font-size:12px;
fill: red;
opacity:0.85;
shape-rendering: crispEdges;
}
</style>
</head>
<body>
<body onload="createViz()">
<div id="chart"></div>
</body>
https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js