JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas" style="background:#000"></canvas>

JavaScript

var c = document.getElementById("canvas");
var ctx = c.getContext("2d");

c.width = 512;
c.height = 512;

var scale = 100;

var x = 0;
var y = 0;

var a = 1.7;
var b = 1.7;
var c = 0.6;
var d = 1.2;

ctx.fillStyle = "rgba(255,255,255,0.05)";

var loop = function(){
	for (var i=0; i<1000; i++) {
  	ctx.fillRect(x*scale + 256, y*scale + 256, 1, 1);
    var x1 = x;
    var y1 = y;
    x = Math.sin(a*y1) + c*Math.cos(a*x1);
    y = Math.sin(b*x1) + d*Math.cos(b*y1);
  }
	setTimeout(loop, 0);
};

loop();