Zürich Stations Grid II #14

This is an attempt to create as many different grids with simple rules:
Every position in the grid is 1 to 3 half circles or rectangles with a randomized starting angle between 0 and 270 degrees (In steps of 90 degrees).
The different blend-modes play with the shapes and the colors.

This piece was made in vanilla JS and the rendering is entirely done in CSS. Because of that it is printable in any size you need it to be.

The hand crafted color palettes are named after Tram-Stations in Zürich. Every
mint cycles through 5 out of more then 20 color sets.

Click () -> will yield a new grid and color palette. The combination of blend-modes and general styles stays the same for each buyer.

Keydown Arrow <- -> Change the grid inclination

Keydown Space -> Toggle Gaps

PS: if you are encountering small gaps between the grid items, try to change
the size of your browser window.