Gracias caricatos por tu respuesta aunque sigo indagando con el tema html5 y canvas.
Lo que pretendo es que 3 o 4 elementos vayan girando sobre un epicentro invisible y que al pasar el mouse por encima de uno de los elementos, se pare la rotación general, el elemento con "hover" haga su giro de 360º y se abra un desplegable con una información al lado o debajo. Esto último lo he conseguido pero a la hora de integrar los 4 elementos independientes dentro de un mismo html5 y que éstos se muevan sobre un epicentro, me pierdo.
Muchas gracias!
Edito: de todas formas me miraré el rotate de svg y también estoy haciendo pruebas con librerías jquery a ver si me logro aclarar