I need animation of SVG path (line)

You get from me HTML page with SVG path object which is basically a line that consists of many connected segments. Your job is to create smooth animation of this line from starting dot to the final dot. It should not be visible that it is animated "segment by segment" but it should be smooth (constant speed). The current animation is not smooth - see at video: [login to view URL] Guides: - Open source code of HTML file named [login to view URL] - You will see Javascript code where you will find commented "json" variable - you have inside sub-object "nodes" where are all points of this line (x,y coordinates). I already constructed the SVG path object from this but in the case you need this to extract x,y coordinates to draw the line you can use this object. - If you don't need this you just start with SVG path object bellow and animate it with Javascript - You have button "Animate" and on click it should animate. - See current animation - it is not ok, it should be smooth (see the video: [login to view URL]) Note: - It need to work in Internet Explorer 9. If it is easier for you we can negotiate to make it work in Internet Explorer 11 (supports CSS3 animations). Hints: - This should be be done using Javascript because of IE9 compatibility (Velocity - [login to view URL] is a good engine for it) or using CSS3 animations (requires Internet Explorer 11). - Last example on this page is ok but not supported in IE9 (I need faster animation): [login to view URL]