barchart.css

.bar>rect {
  transition: fill 0.5s ease;
  fill: #178FEB;
}
.bar>rect:hover {
  fill: #1073BF;
}
.bar>text {
  font: 1em sans-serif;
  text-anchor: center;
}

.axis {
  font: 1em sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #CCC;
  shape-rendering: crispEdges;
}

.axis text {
  fill: #222;
  font-family: 'Open Sans';
}

.x.axis text {
  font-weight: 600;
}

.y.axis path,
.x.axis path,
.x.axis .tick line {
  display: none;
}

.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 500px;
  padding-bottom: 100%; /* aspect ratio */
  vertical-align: top;
  overflow: hidden;
}
.svg-content-responsive {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
}

.tooltip {
  position: absolute;
  text-align: right;
  padding: 2px;
  font: 16px 'Open Sans';
  font-weight: bold;
  color: #010428;
  pointer-events: none;
}

text {
  font-size: 16px;
  text-anchor: middle;
  font-family: "Open Sans";
}