JSFiddle - React, Tailwind, and code Playground

by SooChangLee

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/svg.min.js"></script>
<div id="canvas">

</div>

CSS

html, body, #canvas{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

JavaScript

var canvas = SVG('canvas')

// create your example here
canvas.rect(100, 100).move(100, 100).fill('blue')