JSFiddle - React, Tailwind, and code Playground

by Nayana Das

HTML

<div id="container"></div>

CSS

#container {
    font: 10px sans-serif;
}

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

.line {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}

.plot {
    cursor: move;
    fill: rgba(250, 250, 255, 0.6);
}

JavaScript

var data = [{"field":"Label1",
        ...