JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>

<div id="container" style="height: 300px"></div>

JavaScript

var renderer = new Highcharts.Renderer(
    $('#container')[0], 
    400,
    300
);

var yellowRect = renderer.rect(100, 100, 100, 100, 5)
    .attr({
        'stroke-width': 2,
        stroke: 'red',
        fill: 'yellow',
        zIndex: 3
    })
    .on('mouseover', function() {
        yellowRect.attr('fill', 'red');
    })
    .on('mouseout', function() {
        yellowRect.attr('fill', '#000000');
    })
    .add();