JSFiddle - React, Tailwind, and code Playground

by web-nfo.com

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/3.0.13/polyfills.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/3.0.13/polyfillsIE.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/3.0.13/svg.min.js"></script>
<div id="drawing"></div>

JavaScript

$(document).ready(function() {
	var draw = SVG('drawing').size(300, 300);
	var rect = draw.rect(100, 100).attr({ fill: '#f06' });
  
  
});