Live data from Hacker News

HTML5 Map of the the World Migrations using SVG, Raphael.js and offline storage

migrationsmap.net

11–20 of 67 posts

Re: HTML5 Map of the the World Migrations using SVG, Raphael.js and offline storage

#11
Fascinating how boring data may be presented interesting and fresh by simple vizualisation. This remings me of the TED talk given by Hans Rosling about global statistics of population, mortality, internet access etc. Whoever made this map should contact mr. Hans, I smell collaboration there.

Re: HTML5 Map of the the World Migrations using SVG, Raphael.js and offline storage

#14
post #8
post #7

Nice and interesting, well done! I also like the offline caching feature. The only tiny imperfection I see it's in the lines connecting two countries, I'd like to see an arrow so I know if I'm looking at arrivals or departures. Is there a way to filter the GMO database to see only the current migration flow (say, last 5 years)?

I have tried to add arrows at some point, but it cluttered the visualization too much (especially for countries where migrations are quite local : limited to border-sharing countries). That said, there may be a solution I did not think about.

How about drawing the arrowhead on the middle of the line? (And not drawing it on short lines. The arrowheads on the long lines will reveal whether 'departures' or 'arrivals' are depicted)

Re: HTML5 Map of the the World Migrations using SVG, Raphael.js and offline storage

#16

This is awesome really enjoyed it, spent about 20 mins checking out how people and moving around the world. I would include a zoom function, some small countries are hard to find.

I totally agree, that is the main missing feature in my opinion and the reason why I added a select box on top.

At first I wanted to use polymaps, which supports zoom and pan, but I found it difficult to draw on top of it (for the "arrows") and it lacked ie support. So I went for Raphael.js, but found it to cumbersome to implement zoom and pan.

Re: HTML5 Map of the the World Migrations using SVG, Raphael.js and offline storage

#17

Very impressive, nicely done! Spent a couple of minutes exploring migrant streams. Minor nitpick: When I click on 'Macedonia' the origin point appears in Sweden. When I click on 'Serbia' it appears in Canada.

Oops, I will fix that.

Re: HTML5 Map of the the World Migrations using SVG, Raphael.js and offline storage

#18

Really Responsive too and it all works in Opera or seemed to anyway, so many developers forget about Opera because it doesn't have the same amount of marketing as the others. But anyway Sweet Build!

It also works in IE. I just showed it on ie8. It's less fluid, and you loose some functionality, but the main ones are still working. Kudos to Raphael.js

Re: HTML5 Map of the the World Migrations using SVG, Raphael.js and offline storage

#19
post #9

This is really informative, and very well done to boot. Great work! The colour scheme struck me as a little odd, though. It goes from darker (more migration) to lighter (less migration) but then abruptly to dark grey (no migration), making it harder to interpret at first glance. It would be nice if it were somewhat monotonic: bright colour = more migration, darker/duller colour = less migration, dark grey = no migrat…

Good point.

Re: HTML5 Map of the the World Migrations using SVG, Raphael.js and offline storage

#20
post #11

Fascinating how boring data may be presented interesting and fresh by simple vizualisation. This remings me of the TED talk given by Hans Rosling about global statistics of population, mortality, internet access etc. Whoever made this map should contact mr. Hans, I smell collaboration there.

Thanks for the tip....
Post reply on HN