HTML/CSS - Fancy Lines (not mine, modified by me) Online Editor and JavaScript Compiler

html
css
alert("This code is not mine!\nIt's a JS version (with few modifications) adapted from the Kotlin code that can be found by clicking the 'Original Kotlin Code' link\n\nPress on the animation to Pause/Play\n");
function FancyLines() {
    
    function initalizeCanvas() {
        // create new canvas element, set it up (width,height,etc..), add it to the document body
        var canvas = document.createElement("canvas");
        canvas.style.backgroundColor = "black";
        canvas.style.border = "1px solid red";
        canvas.style.borderRadius = "10%";
        context = canvas.getContext("2d");
        context.canvas.width  = window.innerWidth*0.95;
        context.canvas.height = window.innerHeight*0.75;
        
        document.body.appendChild(canvas);
        canvas.onclick = function(){
            // attach onclick listener to the canvas (toggle pause/play of animation)
            pause = !pause;
            run();
        }
        return canvas;
    }
    
    var canvas = initalizeCanvas();
    var context = canvas.getContext("2d");
    var height = canvas.height;
    var width = canvas.width;
    var x = width * Math.random();
BROWSER
Console