JSFiddle - React, Tailwind, and code Playground
by von
HTML
<svg width="847" height="500" xmlns="http://www.w3.org/2000/svg" version="1.1"><g width="847" height="500" style="font-size: 10px; font-family: Arial, Helvetica;"><g transform="translate(40, 30)"><g class="background"><path d="M0,439.557672294786L767,450.19444089761913" style="fill: none; stroke: rgb(191, 105, 105); stroke-opacity: 0.4;"></path><path d="M0,433.205500690241L767,424.27026245466755" style="fill: none; stroke: rgb(191, 119, 105); stroke-opacity: 0.4;"></path><path d="M0,458.2287777423808L767,451.1177113786699" style="fill: none; stroke: rgb(191, 134, 105); stroke-opacity: 0.4;"></path><path d="M0,459.61898693851543L767,452.6552346459074" style="fill: none; stroke: rgb(191, 148, 105); stroke-opacity: 0.4;"></path><path d="M0,399.3563980036105L767,396.891042516144" style="fill: none; stroke: rgb(191, 162, 105); stroke-opacity: 0.4;"></path><path d="M0,445.69637888924285L767,410.88205243702686" style="fill: none; stroke: rgb(191, 176, 105); stroke-opacity: 0.4;"></path><path d="M0,0L767,0" style="fill: none; stroke: rgb(191, 191, 105); stroke-opacity: 0.4;"></path><path d="M0,444.029202506106L767,448.6585987875111" style="fill: none; stroke: rgb(176, 191, 105); stroke-opacity: 0.4;"></path><path d="M0,453.7919294892216L767,457.6664488319498" style="fill: none; stroke: rgb(162, 191, 105); stroke-opacity: 0.4;"></path><path d="M0,435.0016353403419L767,409.8935320448878" style="fill: none; stroke: rgb(148, 191, 105); stroke-opacity: 0.4;"></path><path d="M0,446.3416587023468L767,350.6798156300559" style="fill: none; stroke: rgb(134, 191, 105); stroke-opacity: 0.4;"></path><path d="M0,457.4520972708931L767,460" style="fill: none; stroke: rgb(119, 191, 105); stroke-opacity: 0.4;"></path><path d="M0,287.3698205373261L767,409.1208301992468" style="fill: none; stroke: rgb(105, 191, 105); stroke-opacity: 0.4;"></path><path d="M0,399.3495593076351L767,420.8425932122824" style="fill: none; stroke: rgb(105, 191, 119); stroke-opacity: 0.4;"></path><path...