Randomized Bookshelf Rectangles

Hidde de Vries’s Data-informed flex-grow for illustration purposes is a walkthrough of some of the techniques he used to build his bookshelf backgrounds.

There didn’t seem to be an isolated demo so I made one for myself:

Forgive me the sin of using React. Just seemed like a quick way to make a loop to produce elements and apply randomized property values at the same time.