SVG rect vs div vs canvas

Только представьте себе создание Google Maps для плана большого здания с 3000 комнатами.

I необходимо отображать до 3000 прямоугольников (лучше всего было бы также отображать случайные многоугольники, но на данный момент это не самая большая проблема). К каждому из них должны быть привязаны события, такие как наведение мыши и щелчок, который будет имеют некоторые эффекты на другие элементы dom на странице. Мне также нужно иметь возможность увеличивать и уменьшать масштаб.

Я знаю, что могу сделать это с помощью SVG (Raphael.js), простого рендеринга div или холста.

I Мне интересно, есть ли у кого-нибудь конкретные рекомендации для того, что я пытаюсь создать. Он должен отображаться достаточно быстро (около 1 секунды или около того) в самых медленных браузерах. (IE8, Firefox 3.6 и, надеюсь, IE7, хотя я не мечтаю слишком много ...)

Спасибо за помощь, Николас.

PS: До сих пор я видел, что рендеринг 3000 прямоугольников занимает до 7 секунд в IE8 с Raphael.js, что довольно медленно. Также кажется, что рендеринг простого div в IE8 выполняется в 6 раз быстрее.