How to move an icon through different points?

Question

This website has an excellent animated map showing the migration patterns of wildebeest in the Serengeti. Unfortunately, they animated their map using Flash.

I wanted to know whether there were alternatives for doing something similar, perhaps with Javascript. I found a plugin called Two.js however the documentation isn't great and it seems to be a bit overkill for what I need.

Does anyone know of any good resources or examples they could kindly link me to?

Answer 1

I think you have two options:

Using HTML5 canvas and animate your objects using window.requestAnimationFrame();

Animate the dom, here you could use GSAP or Web Animation API.

With HTML5 canvas you work with raster image (pixels) instead using the DOM you could animate any HTML elements including also SVG which is vector.