title: SVG rect vs div vs canvas
body: <p>Just imagine building Google Maps for a large building floor plan with 3000 rooms.</p>
  
  <p>I need to display up to 3000 rectangles (the best would be to also be able to render random polygons, but at this point, this is not the biggest issue). Each of them should have events attached to them such as mouseover and click that will have some effects on other dom elements on the page. I also need to be able to zoom in and out.</p>
  
  <p>I know I can do it with SVG (Raphael.js), plain divs rendering or canvas. </p>
  
  <p>I am wondering if anyone has specific recommendations to make for what I am trying to build. It needs to render fast enough (around 1 second or so) on the slowest browsers.  (IE8,Firefox 3.6 and hopefully IE7, even though I am not dreaming too much...) </p>
  
  <p>Thanks for the help,
  Nicolas.</p>
  
  <p>PS: So far, I have experienced that rendering 3000 rectangles takes up to 7 seconds on IE8 with Raphael.js, which is rather slow. It also seems than rendering plain div is up to 6 times faster on IE8.</p>