I decided to use this technique with the color theme of my wedding.
It is entirely built using HTML, CSS and SVG. Click the image below to render it in full screen, and see the code in codepen (or gist). The background is a merge of gradient, blur and subtle noise using advanced SVG filters, which is rather CPU-intensive.
While killing time in the train, we worked with Anne on a small maze generation algorithm. But what started to be a way to visualise the results, turned into a result in itself (run it yourself here, be patient):
Technically, the rendering is done using HTML canvas. I will detail the maze generation algorithm itself in a future post.
This led me to notice that using the HSL notation when drawing on a canvas was 3 times slower than using other color notation. (I created this JSperf). I filled a bug report on the Chromium bug tracker, let’s hope it will be addressed in the future.
The colourful visualisation is published online, you can run it here.