JSFiddle - React, Tailwind, and code Playground

by geekambassador

HTML

<script src="http://www.snorkl.tv/dev/libs/testing/TweenMax.min.js"></script>
<div id="canvasBox"></div>

CSS

#canvasBox{

}

JavaScript

var baseSVG = '<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="600px" height="600px" viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">  <g> <path d="M24.023,45.651H41c2.829,0,5.001,0.701,6.516,2.102s2.272,3.137,2.272,5.205c0,1.735-0.541,3.223-1.622,4.464 c-0.721,0.828-1.775,1.481-3.163,1.962c2.108,0.507,3.66,1.378,4.655,2.612c0.994,1.235,1.491,2.787,1.491,4.655 c0,1.521-0.354,2.89-1.061,4.104c-0.708,1.215-1.675,2.176-2.903,2.883c-0.761,0.44-1.909,0.761-3.443,0.961 C41.7,74.867,40.345,75,39.678,75H24.023V45.651z M33.172,57.163h3.944c1.415,0,2.399-0.243,2.953-0.731 c0.554-0.487,0.831-1.191,0.831-2.112c0-0.854-0.277-1.521-0.831-2.002s-1.518-0.721-2.893-0.721h-4.004V57.163z M33.172,68.694 h4.625c1.562,0,2.663-0.277,3.303-0.831s0.961-1.298,0.961-2.232c0-0.867-0.317-1.564-0.951-2.092s-1.745-0.791-3.333-0.791h-4.604 V68.694z"/> <path d="M55.525,45.651h9.069v22.122h14.154V75H55.525V45.651z"/> <path d="M100.546,70.155H90.25L88.82,75h-9.26l11.031-29.349h9.892L111.511,75h-9.497L100.546,70.155z M98.665,63.809l-3.239-10.55 l-3.206,10.55H98.665z"/> <path d="M113.284,45.651h25.665v5.866l-16.475,17.177h17.074V75h-27.846v-6.086l16.303-16.997h-14.722V45.651z"/> <path d="M143.625,45.651h9.089V75h-9.089V45.651z"/> <path d="M158.911,45.651h8.469l11.051,16.237V45.651h8.549V75h-8.549l-10.99-16.114V75h-8.529V45.651z"/> <path d="M207.391,64.37v-6.106h14.014v12.512c-2.684,1.829-5.056,3.073-7.117,3.734c-2.062,0.66-4.508,0.991-7.338,0.991 c-3.482,0-6.322-0.594-8.518-1.782c-2.196-1.188-3.897-2.956-5.105-5.305c-1.208-2.349-1.812-5.045-1.812-8.088 c0-3.203,0.661-5.989,1.981-8.358c1.322-2.369,3.257-4.167,5.807-5.396c1.988-0.947,4.664-1.421,8.027-1.421 c3.243,0,5.669,0.294,7.277,0.881c1.607,0.587,2.942,1.499,4.004,2.733c1.061,1.234,1.858,2.799,2.393,4.694l-8.749,1.562 c-0.36-1.107-0.971-1.955-1.832-2.542c-0.86-0.587-1.959-0.881-3.293-0.881c-1.989,0-3.573,0.691-4.755,2.072...