JSFiddle - React, Tailwind, and code Playground
by von
JavaScript
<svg width="848" height="500" xmlns="http://www.w3.org/2000/svg" version="1.1"><g><clipPath id="clip"><rect class="mesh" width="808" height="480" transform="translate(40,1)"></rect></clipPath><g clip-path="url(#clip)"></g><g class="point"><circle transform="translate(NaN,0)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,480)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,303.716814159292)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,197.52212389380531)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,125.3097345132743)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,390.79646017699116)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,63.71681415929203)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,259.11504424778764)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,163.53982300884957)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,25.48672566371681)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,78.5840707964602)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,465.13274336283183)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,259.11504424778764)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,441.7699115044248)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle transform="translate(NaN,121.06194690265482)" r="1" style="fill: rgb(0, 0, 0);"></circle></g><g class="point"><circle...