Getting my Piet Mondrian on, HTML 5-style

This is Mondrian's Composition No. 10 recreated using HTML5 canvas and Javascript. Not terribly complicated code-wise, but it did require a surprising amount of precision to correctly align some of the black lines with the color blocks. Key: a line's endpoint coordinates correspond to the center, not the top or left, of the width of the line. That is, if you draw a line from 0,0 to 100,0 that is 10 pixels wide, you will see a line across the top of the canvas that is 100 pixels long but only 5 pixels wide (since the other 5 pixels will fall above the canvas). A bit confusing, but give it a try and you'll see what I mean :)

Exciting Javascript for the canvas drawing is here. The original image is shown on the right.

Mondrian's Composition No. 10