JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="c" hieght=5000 width=5000></canvas>

JavaScript

// Retrieve the rendering context
t=c.getContext('2d');
// Fill the canvas with black
t[f='fillRect'](0,0,w=120,h=300);
// Set rain color
t.fillStyle='#07d';
// Render whenever it is possible
setInterval(function() {
    // Generate a number between 0 and 40,000
    // 40,000 ~= 270 * 150
    n=Math.random()*4e4;
    // Draw a raindrop.
    // Since x and y are not rounded, the raindrop looks blurry!
    t[f](n%w,n/h,1,1)
}, 1);