Check out the demo of Face.
The SVG data for the face was generated from StippelGen which can be downloaded from Google Code.
The animations were hand-coded. The hover animation follows the TSP path by using adjacent sibling selectors (jQuery's next
and prev
).
The other animations are done by animating the cy
property of the SVG elements using a jQuery animate
call and tapping into the step
callback.