Instagram Map - API Correlation
MAT 259, 2015
Rodger (Jieliang) Luo
This project is working with live data from Instagram, which is an online mobile photo and video sharing platform. Everyday, thousands of images are uploaded to the website, and each image is tagged by several keywords associated with the image.
In this project, I'm particularly curious about the numerous information behind a keyword. For example, when people upload images tagged with "China", what are those people? Where are they? And what kind of message they want to send?
The project correlated with three APIs from Instagram, Tag API, Tag Count API, and User APT.
Tag API: String tagSearch = "https://api.instagram.com/v1/tags/" + keyword + "/media/recent?access_token=" + API;
Tag Count API: String mediaCount = "https://api.instagram.com/v1/tags/" + tagName[i][j] + "?access_token=" + API;
User API: String userInfo = "https://api.instagram.com/v1/users/" + userId[i] + "/?access_token=" + API;
As shown from draft below, each exploration begins with a keyword. With TagSearch API, the most recent uploaded images containing the keyword will be found out. For each image, we will have it's geolocation, all the other tags, user id.
With all the tags of all the images, we can sort those tags according to their popularity by applying TagCount APIs, so it will tell what they were really talking about while they were talking about China or any other keywords. Also, with User API, we will get user information, such as the amount of posts, follows, and numbers of being followed.
The initial idea of the project was to explore user behavior by correlating with Geolocation API and Tag API, however the visual part, shown as two images below, was too arbitrary and didn’t appeal like a data visualization work.
With the new idea, I started to put images on the map based on their geolocations.
Digging out popular keywords from images.
Adding details on the right side when mouse hovers on the small images.
The project is developed within Processing
Move the mouse on each image on the map to see the detials on the right side.
Double click on the map to zoom in that area. Space to zoom out.
Source Code + Data