Hey @CodingCrusader nice to have you back 
Ran out of time. Did the grunt work here: Babylon.js Playground
The performance killer is the 30K .fillRect calls. Maybe a RawTexture could help?
But anyway, I tried to go with a shader and with a naive copy and paste. But there, too, the 30K-iterations for-loop per fragment kills performance.
Is it possible to unwrap the loop somehow? Maybe you can get from cx,cy,t back to i. But then what? How do you get a count of i? I can’t get my head around this 