The weight and the travel freedom attached to a passport vary drastically across nationalities. International visa-regulations are very complex and often non-transparent. They reflect the economical and geopolitical situations as well as the relationships of countries.
This project aims to cast some light on these structures. The default Visa-free destinations mode shows a choropleth map, which is shaded based on the number of destination countries/territories an individual of a certain nationality can travel to without a visa or with visa on arrival.
In order to display the visa regulations for a certain nationality, the source country/territory can be intuitively selected by clicking/tapping the map, via the live search field or by choosing it from the country list. In the Visa-free sources mode, you can alternatively explore the number of countries/territories whose nationals can enter a specific country without a visa or with visa on arrival. The GDP and population modes are added for reference. Other modes can be implemented in the future.
For certain passport holders like certain special types of british nationalities it can be more complicated. For this visualization, some simplifications had to be made, ie. only the most common citizenships are used as a data reference.
The source code of this project is available on GitHub: https://github.com/markuslerner/travelscope
When I started coding in 2014, I used jQuery and jquery-UI for all the interactions and UI updates. Nowadays I would rather use a libray like React for that.
29 August 2016
Upon many requests, I decided to publish the source code if this project on GitHub: https://github.com/markuslerner/travelscope
5 April 2016
Travelscope just got selected as an Official Honoree at The 20th Annual Webby Awards in the Web: NetArt category.
5 Oct 2015
Canvas mode for browsers that don't support WebGL is now supported.
5 May 2015
Travelscope is now featured at Chrome Experiments.
12 March 2015
Lauch of the first version of Travelscope.
This single page web application features a responsive design which works across browsers, platforms and screen sizes. Since WebGL is now supported by iOS, it performs well on recent iOS devices running iOS 8+. Recent Android versions are also supported.
One of the main goals was to be able to render the map in real-time, so that live transformations (spherical to flat) are possible. To achieve this, the powerful Three.js library and its WebGLRenderer are used for display of the map. To keep the map reponsive and save computing power, the map is created as one large BufferGeometry object. The map data are sourced from Natural Earth Data, then converted to Geo JSON format and simplified to reduce it's complexity. It is loaded with D3.js and then transformed to be used in Three.js.
Visa requirements: Wikipedia
Concept, design & coding: Markus Lerner
This website is an experimental visualization of visa regulation data pulled from Wikipedia in regular intervals and matched to the countries/territories via the sovereignty of the respective country/territory. It is possible that there are glitches in the way the data are read from Wikipedia besides the fact that the information on Wikipedia might not have been correct at the time of the last update.
Please do refer to the information on the specific countryʼs embassy or consulate website to get the most up-to-date information pertaining to your travel. I do not take any responsibility for the accuracy of the data displayed on this website.
The map uses the cultural vector data from https://www.naturalearthdata.com/downloads/ and their country assignment of the map shapes. Naturalearthdata.com claims: "Natural Earth Vector draws boundaries of countries according to defacto status. We show who actually controls the situation on the ground. [...]" I’m planning to add a disputed area map as soon as possible to highlight unrevolved conflicts.
If you have any feedback or suggestions Iʼd love to hear from you:
For data privacy information please refer to the Imprint