Simple HTML5 example that tweens embedded SVG graphics.
tween_svg_example.zip
<embed id="svgBoard" src="board.svg" type="image/svg+xml" style="position:absolute; left:0px; top:0px; width:727px; height:501px;" />
<embed id="svgPeopleRight" src="people_right.svg" type="image/svg+xml" style="position:absolute; left:0px; top:0px; width:727px; height:501px;" />
<embed id="svgPeopleLeft" src="people_left.svg" type="image/svg+xml" style="position:absolute; left:0px; top:0px; width:727px; height:501px;" />
<embed id="svgText" src="text.svg" type="image/svg+xml" style="position:absolute; left:0px; top:0px; width:727px; height:501px;" />
<script>
function $(id){ return document.getElementById(id); }
TweenMax.from( $('svgBoard'), 2, { delay:1, css:{top:-300}, ease:Expo.easeInOut } );
TweenMax.from( $('svgPeopleRight'), 1, { delay:2, css:{autoAlpha:0} } );
TweenMax.from( $('svgPeopleLeft'), 2, { delay:3, css:{left:-350}, ease:Strong.easeOut } );
TweenMax.from( $('svgText'), 2, { delay:5, css:{autoAlpha:0} } );
</script>