JSFiddle - React, Tailwind, and code Playground

HTML

<canvas width="30" height="180" id="c">

 <!-- Fallback content goes here -->
</canvas>

CSS

canvas { border: 1px solid #000; }

JavaScript

var canvas = document.getElementById('c'),
    context = canvas.getContext('2d');

context.fillStyle = '#000';
// x = 10, y = 20, width = 200, height = 100
context.fillRect(10, 20, 200, 100);

/*
http://www.canvasdemos.com/
http://www.openrise.com/lab/FlowerPower/
*/