JSFiddle - React, Tailwind, and code Playground

HTML

<div id="title">
Iteration 0
</div>

CSS

body {
  font: 10px sans-serif;
}

#title {
    font: 14px sans-serif;
    font-weight: bold;
    text-align: center;
}

.rule line {
  stroke: #eee;
  shape-rendering: crispEdges;
}

.rule line.axis {
  stroke: #000;
}

path {
  fill: none;
  stroke-width: 1.5px;
}

circle {
  fill: #fff;
  stroke: #000;
}

JavaScript

var original =...