<svg class="chart" width="120" height="220">
  <g transform="translate(0, 190)">
    <rect width="19" height="40"></rect>
  </g>
  <g transform="translate(20, 170)">
    <rect width="19" height="80"></rect> 
  </g>
  <g transform="translate(40, 150)">
    <rect width="19" height="150"></rect>
  </g>
  <g transform="translate(60, 130)">
    <rect width="19" height="160"></rect>
  </g>
  <g transform="translate(80, 110)">
    <rect width="19" height="230"></rect>
  </g>
  <g transform="translate(100, 30)">
    <rect width="19" height="290"></rect>
  </g>
</svg>
.chart rect {
  fill: #00ACF5;
}

.chart text {
  fill: white;
  font: 10px sans-serif;
  text-anchor: end;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.