JSFiddle - React, Tailwind, and code Playground
by askhflajsf
HTML
<svg width="300" height="300" xlink="http://www.w3.org/1999/xlink"><style type="text/css">.blendCircle { mix-blend-mode: multiply; }</style><g transform="translate(150,150)"><circle class="blendCircle" cx="-65.03140436071682" cy="-62.18561396763393" r="12.455076955874267" fill="#8D46AC"></circle><circle class="blendCircle" cx="-31.754114030403922" cy="-22.611221865631645" r="7.335372589946064" fill="#8D46AC"></circle><circle class="blendCircle" cx="19.75363942192772" cy="4.086516779338331" r="6.620212860531601" fill="#8D46AC"></circle><circle class="blendCircle" cx="45.64621662025223" cy="-16.49916897270424" r="5.1139247038511275" fill="#8D46AC"></circle><circle class="blendCircle" cx="9.43239951438383" cy="23.06230536184382" r="5.6195376881473" fill="#8D46AC"></circle><circle class="blendCircle" cx="50.023204958085884" cy="26.747601548178544" r="9.333439847832308" fill="#8D46AC"></circle><circle class="blendCircle" cx="3.983373344483399" cy="-3.7749181825840425" r="9.767227119935342" fill="#8D46AC"></circle><circle class="blendCircle" cx="106.12540496855303" cy="-47.784349446164086" r="12.963530900575586" fill="#8D46AC"></circle><circle class="blendCircle" cx="96.39715487472583" cy="18.069569875426915" r="1.958099522947927" fill="#8D46AC"></circle><circle class="blendCircle" cx="68.7579885190887" cy="-92.34560630575034" r="5.946073643129286" fill="#8D46AC"></circle><circle class="blendCircle" cx="-7.912728397510865" cy="11.151203629104112" r="14.897092126540631" fill="#8D46AC"></circle><circle class="blendCircle" cx="-24.470278331859287" cy="78.05160871177296" r="0.6329975116181663" fill="#8D46AC"></circle><circle class="blendCircle" cx="116.3431320254299" cy="51.918838045633514" r="2.3489763443799285" fill="#8D46AC"></circle><circle class="blendCircle" cx="37.79257384974379" cy="-95.4945899173336" r="0.5473262407135537" fill="#8D46AC"></circle><circle class="blendCircle" cx="16.09377793767589" cy="-45.02570025200774" r="6.449555707579905"...