August 26, 2015Maxime Thoonsen1 min read
We started from this techslides demo to have countries grouped by continent. We simplified the map a little bit to make it easier to handle. We then colorized our map with the Theodoers traveling history. Finally, we added the ability to zoom in and zoom out.
The architecture is very simple with three directories and four important files:
The other files are the D3.js core files and topojson.
If you want to reuse the map, just change the js/map.js file. We made severals steps to make it easier to understand.
We tried to fill it with useful comments so the best way to understand how it works is to have a look at the lightest version of the code. Then you can look at the more complete versions and make your own version.
Jean-Rémi and Maxime
Theodo - CTO