JSFiddle - React, Tailwind, and code Playground

HTML

<svg style="overflow: hidden; -moz-user-select: none; cursor: default; position: relative; background-color: rgb(255, 255, 255);" xmlns="http://www.w3.org/2000/svg" width="480" version="1.1" height="283">
    <desc>framework 3.3.1.sr2.19840</desc>
    <defs>
        <clipPath id="B0590631-A9A1-4149-BEF9-2DE5773DC243">
            <rect transform="matrix(1,0,0,1,0,0)" height="241" width="403" y="15" x="62"></rect>
        </clipPath>
    </defs>
    <g class="red-background-0">
        <rect fill-opacity="0.6" stroke-width="0" stroke-opacity="0.5" style="" stroke="#545454" fill="#ffffff" ry="0" rx="0" r="0" height="283" width="480" y="0" x="0"></rect>
    </g>
    <g class="red-canvas-6">
        <rect stroke-linejoin="miter" stroke-opacity="1" stroke-width="1" style="stroke-linejoin: miter;" stroke="#969899" fill="none" ry="0" rx="0" r="0" height="242" width="404" y="14.5" x="61.5"></rect>
        <rect fill-opacity="1" stroke-width="0" style="" stroke="none" fill="#ffffff" ry="0" rx="0" r="0" height="241" width="403" y="15" x="62"></rect>
    </g>
    <g class="red-axisbottom-9">
        <g class="red-x-axis-bands-12"></g>
        <g class="red-y-axis-bands-18">
            <rect stroke-width="0" fill-opacity="0" style="" stroke="#000" fill="#d8dcc5" ry="0" rx="0" r="0" height="48.20000000000002" width="403" y="159.6" x="62"></rect>
            <rect stroke-width="0" fill-opacity="0" style="" stroke="#000" fill="#d8dcc5" ry="0" rx="0" r="0" height="48.19999999999999" width="403" y="63.19999999999999" x="62"></rect>
        </g>
        <g class="red-y-axis-bands-24"></g>
        <g class="red-x-axis-lines-14"></g>
        <g class="red-y-axis-lines-20">
            <path shape-rendering="crispEdges" stroke-width="1" stroke-opacity="0.45" d="M62,208.5L465,208.5" stroke="#ffffff" fill="none" style="shape-rendering: crispedges;"></path>
            <path shape-rendering="crispEdges" stroke-width="1" stroke-opacity="0.45" d="M62,160.5L465,160.5" stroke="#ffffff"...