JSFiddle - React, Tailwind, and code Playground

by yonet3d

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 x = d3.scale.ordinal()
	.domain(["Bob", "Stuart", "Kevin", "Scarlet"])
	.rangePoints([0, 100]);
console.log(x("Stuart"));
console.log(x("Scarlet"));