JSFiddle - React, Tailwind, and code Playground

by Brock Whittaker

HTML

<canvas id="myCanvas" width="700px" height="300px" style="background-color:rgba(50,50,50,0.01)"></canvas>
<div class="height"></div>

CSS

body {
    margin: 0px;
    padding: 0px;
}
.height {
    height: 200vh;
}

JavaScript

x = 0;
dayAA = dayAB = dayAC = dayAD = dayA = dayB = dayC = dayD = dayE = dayF = dayG = dayH = dayI = dayJ = dayK = dayL = dayM = dayN = dayO = dayP = dayQ = dayR = dayS = dayT = dayU = 0;
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var myVar = setInterval(function () {
    do {
        var rand1 = Math.random();
        var rand2 = Math.random();
        var x1 = 2.0 * rand1 - 1.0;
        var x2 = 2.0 * rand2 - 1.0;
        var w = Math.pow(x1, 2) + Math.pow(x2, 2);
    } while (w === 0 || w > 1);
    multiplier = Math.sqrt((-2 * Math.log(w)) / w);
    var DailyReturn = Math.round((multiplier * x1) * 4) / 400;
    if (DailyReturn === -0.03) {
        dayAA++;
    }
    if (DailyReturn === -0.0275) {
        dayAB++;
    }
    if (DailyReturn === -0.025) {
        dayAC++;
    }
    if (DailyReturn === -0.0225) {
        dayAD++;
    }
    if (DailyReturn === -0.02) {
        dayA++;
    }
    if (DailyReturn === -0.0175) {
        dayB++;
    }
    if (DailyReturn === -0.015) {
        dayC++;
    }
    if (DailyReturn === -0.0125) {
        dayD++;
    }
    if (DailyReturn === -0.01) {
        dayE++;
    }
    if (DailyReturn === -0.0075) {
        dayF++;
    }
    if (DailyReturn === -0.005) {
        dayG++;
    }
    if (DailyReturn === -0.0025) {
        dayH++;
    }
    if (DailyReturn === 0) {
        dayI++;
    }
    if (DailyReturn === 0.0025) {
        dayJ++;
    }
    if (DailyReturn === 0.005) {
        dayK++;
    }
    if (DailyReturn === 0.0075) {
        dayL++;
    }
    if (DailyReturn === 0.01) {
        dayM++;
    }
    if (DailyReturn === 0.0125) {
        dayN++;
    }
    if (DailyReturn === 0.015) {
        dayO++;
    }
    if (DailyReturn === 0.0175) {
        dayP++;
    }
    if (DailyReturn === 0.02) {
        dayQ++;
    }
    if (DailyReturn === 0.0225) {
        dayR++;
    }
    if (DailyReturn === 0.025) {
        dayS++;
    }
    if (DailyReturn === 0.0275) {
       ...