JSFiddle - React, Tailwind, and code Playground

by Ryo Kumagai

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.4.1/snap.svg-min.js"></script>
<svg width="100%" height="300" viewBox="0 0 200 200" id="svgtest"></svg>

JavaScript

var $svg = Snap('#svgtest');
var circle = $svg.circle(100,100,100).attr({fill:'#888'});
var text = $svg.text(100,100,'MP SVG').attr({fill:'#fff'});
var elements = $svg.group(circle,text);