It's a Small World
Loading page...

Emmanuel Oluloto & Miguel Portillo

CS286 Project

It's a Small World




Game Mode (Toggle Country Outlines):



Let's begin! Remember to look at this window for information.

Cite the Capitals

In this geo-game, your goal is to place the capital markers in their appropriate countries.

Fix the Flags

In this geo-game, your goal is to place flags in the countries they belong to.

All flag icons are from icon-icons.com.


Place the Photos

Move the draggable photos of popular global tourist locations to the country they are located in.



Web Application Information

To get the array of coordinates for the countries, we had to parse an SQL/CSV file to obtain them with R. The process can be seen here.

To create the marker animation, we had to calculate the distances to move the marker each animation cycle using a helpful snippet from this question.

All flag icons are from icon-icons.com.

Photos of tourist locations are from Getty Images.