JSFiddle - React, Tailwind, and code Playground

by oysteinmoseng

HTML

<svg width="620" height="620" viewBox="0 0 620 620" xmlns="http://www.w3.org/2000/svg">
    <g transform="scale(1)">
        <rect x="10" y="10" width="100" height="100" />
        <foreignObject x="0" y="0" width="600" height="600">
            
            <body xmlns="http://www.w3.org/1999/xhtml">
                <div class="highcharts-axis-labels highcharts-yaxis-labels" style="position: absolute; left: 0px; top: 0px;"> <span style="position: absolute; font-family: 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 11px; white-space: nowrap; color: rgb(96, 96, 96); cursor: default; margin-left: 0px; margin-top: 0px; left: 38px; top: 311px; transform: rotate(0deg); transform-origin: 100% 11px 0px; text-overflow: clip;" transform="translate(0,0)" opacity="1">-10</span>
 <span style="position: absolute; font-family: 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 11px; white-space: nowrap; color: rgb(96, 96, 96); cursor: default; margin-left: 0px; margin-top: 0px; left: 51px; top: 249px; transform: rotate(0deg); transform-origin: 100% 11px 0px; text-overflow: clip;" transform="translate(0,0)" opacity="1">0</span>
 <span style="position: absolute; font-family: 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 11px; white-space: nowrap; color: rgb(96, 96, 96); cursor: default; margin-left: 0px; margin-top: 0px; left: 44px; top: 187px; transform: rotate(0deg); transform-origin: 100% 11px 0px; text-overflow: clip;" transform="translate(0,0)" opacity="1">10</span>
 <span style="position: absolute; font-family: 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 11px; white-space: nowrap; color: rgb(96, 96, 96); cursor: default; margin-left: 0px; margin-top: 0px; left: 44px; top: 125px; transform: rotate(0deg); transform-origin: 100% 11px 0px; text-overflow: clip;" transform="translate(0,0)" opacity="1">20</span>
 <span style="position: absolute;...