JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/wycats/handlebars.js/1.0.rc.2/dist/handlebars.js"></script>

JavaScript

var svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svgElement.width = 400;
svgElement.height = 400;
document.getElementsByTagName("body")[0].appendChild(svgElement);

var templateSource = '<g xmlns="http://www.w3.org/2000/svg" transform="translate({{bodyX}},{{bodyY}}) scale({{bodyScale}}) rotate({{bodyRotation}})"><path fill="#000000" d="{{bodyPath}}"/><g transform="translate({{faceX}},{{faceY}}) scale({{faceScale}}) rotate({{faceRotation}})"><path fill="{{faceColor}}" d="{{facePath}}"/></g></g>';

var context = {};
context.bodyX = 100;
context.bodyY = 100;
context.bodyScale = 0.23411150056213217;
context.bodyRotation = 0;
context.bodyColor = "#9cc029";
context.bodyPath = "M -229.639999612587 -307.6412918295456 Q -71.22381163224406 -382.969700672684 -129.67377674046776 -217.5802837434747 Q -39.153517375077655 -360.7827700812909 27.31025802392702 -204.9513359699797 Q 70.08480398084674 -360.4183734365481 169.57137838831324 -233.5243905249057 Q 217.35041869562775 -409.7519897798912 330.7619342428929 -266.65471027677364 Q 479.10212631143264 -220.09571391399447 335.7619342428929 -159.87825828064734 Q 383.9273310048375 6.812462741485604 228.90018833073992 -71.1124165515136 Q 375.1808892218434 -87.97416281890901 307.411566057783 42.75334256158402 Q 411.3228383205037 155.08840386455915 269.3576820701739 212.20768932704848 Q 438.52339223792313 275.63671620985076 280.5910115834776 363.37292270023465 Q 205.4260440287009 483.81373519393753 122.78718904495685 368.37292270023465 Q 19.39020892439112 458.3960259722976 -20.71637002847274 327.2985170888418 Q -51.022987294167166 490.3948329182533 -154.0483605308904 360.3768663763925 Q -191.984626022873 485.10333233492986 -234.52922036309644 361.8726179069607 Q -392.4299425512567 289.9890537297888 -240.56297688213476 206.1063412681183 Q -390.10289257123594 121.81898369772024 -250.02774977270752 22.59449463540159 Q -358.72860686476287 -64.63687396192228 -234.639999612587 -128.0971405585833 Q...