Diese Demo von Jérémie Patonnier ist unglaublich. Schauen Sie sie sich unbedingt in Firefox an, da ein angeblicher Chrome-Bug offenbar verhindert, dass das Ganze funktioniert.
Die große Idee ist, dass die gesamte Demo ein <rect>-Element ist. Das war's. Es wird bei Bedarf mit <use>-Elementen dupliziert, und jede einzelne Duplizierung wird über CSS gestylt, was Dinge wie stroke, fill, x, y usw. steuern kann.