JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://keyten.github.io/Graphics2D/js/Graphics2D.js"></script>
<canvas id="cnv" width="400" height="400"></canvas>

JavaScript

var ctx = Graphics2D.id('cnv');
ctx.circle({
    cx : 100,
    cy : 100,
    radius : 50,
    fill : '#fa0'
}).mouseover(function(){
    this.animate({
        scale : 2,
        opacity : 0.5,
    }, 300);
}).mouseout(function(){
    this.animate({
        scale : 0.5,
        opacity : 1
    }, 300);
});