JSFiddle - React, Tailwind, and code Playground

by Chris Buttery

HTML

<svg width="529px" height="328px" viewBox="0 0 529 328" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>

        <g id="clockwiseCircle">
          <animateTransform id="rotateClockwise" attributeName="transform" type="rotate" from="0 327 327" to="360 327 327" dur="50s" repeatCount="indefinite" />
          <use xlink:href="#Circle" />
        </g>

        <g id="antiClockwiseCircle">
          <animateTransform id="rotateClockwise" attributeName="transform" type="rotate" from="360 327 327" to="0 327 327" dur="50s" repeatCount="indefinite" />
          <use xlink:href="#Circle" />
        </g>

        <g id="Circle">
            <circle id="Path" fill="#43AE7A" cx="652.5" cy="327.5" r="2.5"></circle>
            <circle id="Path" fill="#43AE7A" transform="translate(652.339632, 337.708497) rotate(2.000000) translate(-652.339632, -337.708497) " cx="652.339632" cy="337.708497" r="2.5"></circle>
            <circle id="Path" fill="#43AE7A" transform="translate(651.858687, 347.906919) rotate(4.000000) translate(-651.858687, -347.906919) " cx="651.858687" cy="347.906919" r="2.5"></circle>
            <circle id="Path" fill="#FCC79B" transform="translate(651.057638, 358.085202) rotate(5.000000) translate(-651.057638, -358.085202) " cx="651.057638" cy="358.085202" r="2.5"></circle>
            <circle id="Path" fill="#B0CEEB" transform="translate(649.937278, 368.233301) rotate(7.000000) translate(-649.937278, -368.233301) " cx="649.937278" cy="368.233301" r="2.5"></circle>
            <circle id="Path" fill="#43AE7A" transform="translate(648.498711, 378.341201) rotate(9.000000) translate(-648.498711, -378.341201) " cx="648.498711" cy="378.341201" r="2.5"></circle>
            <circle id="Path" fill="#43AE7A" transform="translate(646.743356, 388.398927) rotate(11.000000) translate(-646.743356, -388.398927) " cx="646.743356" cy="388.398927" r="2.5"></circle>
            <circle id="Path" fill="#43AE7A"...