Here is a very simple way to use HTML Canvas to generate a unique avatar based on text like the user name.

See the Pen Simple Unique Avatar Generation Based on Text by Housamz (@housamz) on CodePen.

Check it at this Code Pen page