JSFiddle - React, Tailwind, and code Playground
by Сергей Тарасевич
HTML
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="2080" height="2160" style="position: absolute; left: 0; top: 0">
<g id="transform-wrapper" transform="scale(2 2)">
<g id="scheme-layer">
<g id="scheme-layer-background">
<rect x="0" y="0" width="1040" height="1080" fill="#fff" stroke="none"></rect>
</g>
<g id="scheme-layer-links" fill="none" stroke-width="8">
<path d="M730,130L730,150" stroke="#EF1E25"></path>
<path d="M730,150L730,170" stroke="#EF1E25"></path>
<path d="M730,170L730,190" stroke="#EF1E25"></path>
<path d="M730,190L730,210" stroke="#EF1E25"></path>
<path d="M730,210L660,280" stroke="#EF1E25"></path>
<path d="M660,280L620,320" stroke="#EF1E25"></path>
<path d="M620,320L595,345" stroke="#EF1E25"></path>
<path d="M595,345L532,408" stroke="#EF1E25"></path>
<path d="M532,408L471,469" stroke="#EF1E25"></path>
<path d="M471,469L395,545" stroke="#EF1E25"></path>
<path d="M395,545L370,570" stroke="#EF1E25"></path>
<path d="M370,570L341,599" stroke="#EF1E25"></path>
<path d="M341,599L300,640" stroke="#EF1E25"></path>
<path d="M300,640L280,660" stroke="#EF1E25"></path>
<path d="M280,660L260,680" stroke="#EF1E25"></path>
<path d="M260,680L240,700" stroke="#EF1E25"></path>
<path d="M240,700L220,720" stroke="#EF1E25"></path>
<path d="M220,720L200,740" stroke="#EF1E25"></path>
<path d="M200,740L180,760" stroke="#EF1E25"></path>
<path d="M335,20L335,40" stroke="#029A55"></path>
<path d="M335,40L335,60" stroke="#029A55"></path>
<path d="M335,60L335,80" stroke="#029A55"></path>
<path d="M335,80L335,100" stroke="#029A55"></path>
...