Mind = blown.
Cool stuff. Imagine what the publishing world would look like if they focussed all their energy from magazines and built articles like these.
You'd have an ad every 300 words and a couple of the points on the map would be stores :)
I wonder though, the animation is cool, but I was reading the article and found myself not even noticing the animation 90% of the time. Maybe a stepped approach would pace things better.
Oh the animation is tied to the scroll because my intention was exactly not to distract too much from the reading, and serve both as a reference and as a decoration.
first off—really cool. lots of nice details in this. but thats obvious. IMHO (and since this is an experiment) it would be better if just the map motion (re-centering focus area) happened in steps, i.e. when sections change
The New York Times already did: http://www.nytimes.com/newsgraphics/2013/10/13/russia/
Just viewed the demo on mobile expecting to see a version without the map path.
Mind = blown x 2
THIS IS SO COOL. Thanks for sharing!!!!!! Now I want to make this kind of interactive map for all my trips...
@Lucas why have you chosen to do this with Canvas and not just SVG (and animating the stroke dashoffset for instance)?
Mostly because I could fine-tune performance - I wanted to zoom and move the map around, and SVG performance was not exactly stellar in some platforms.
Holy Indian Jones Batman!
Awesome. Just a lot of fun. Although the dashed line changes as the map zooms in or out, makes it look animated.
This is pretty sweet!