JSFiddle - React, Tailwind, and code Playground

by ordette

HTML

<div class="chart"></div>

CSS

.chart div {
  font: 10px sans-serif;
  background-color: steelblue;
  text-align: right;
  padding: 3px;
  margin: 1px;
  color: white;
}

JavaScript

var data = [
  {name: "coffee",    value:  127},
  {name: "tea",    value:  80},
  {name: "hot chocolate",     value: 29},
  {name: "biscuits",   value: 127},
  {name: "fun", value: 175},
];