Posted on: June 26th, 2016 by Peter Balazs No Comments

If you are into coding, I’m pretty sure you’ve been on GitHub, or even Cloud9. If you sign up and your profile is not yet filled, instead of getting a blank, generic profile picture, you’ll get one that’s randomly generated. I think it’s really cool.

I thought it would be fun to have a crack at it and try to create such avatars.
Here is the demo:

The way this works is first a random color is generated. After that 25 divs with either white or the random color background is created (also randomly). The divs are then placed next to each other. And that’s about it.

Keep in mind that the whole thing is random, so the pattern you get is not always that cool. No doubt there is room for improvement, (for example doing the whole thing in html canvas – which I might do at a later date) this is just a quick and fun experiment 🙂

Leave a Reply