State Migration Interactive Visualization

by Ashu Gupta and Crystal Gong
View the Visualization here
Read the writeup here

Instructions

Make sure you CTRL-SHIFT-R when viewing herokup app.

1. To run from local run a web server: python -m SimpleHTTPServer 8000
2. Head over to http://127.0.0.1:8000/map.html

Datasets

• State to State Migration Dataset
• List of Latitudes and Longitudes for every State

Design Decisions/ Revisions

We decided not to implement a feature to display the arrows incoming and outgoing all at once. Although, this feature would allow for more information to be viewed and displayed at the same time, we saw this also resulted in an overload of information, making the graph difficult to view. In particular, a lot of the incoming outgoing arrows ended up overlapping (for example: Indiana ← Illinois and Illinois ← Indiana), making it difficult to differentiate when arrows were changing across time.

In the end, we decided to settle on providing the user with more numerical data. When, there is an arrow going from one state to another, we supplement this by also displaying the number of people who migrated in the information box on the side.

Code Resources

• Stack Overflow: retrieve slider range value
• Stack Overflow: add space between two words
• Medium: Deploying a static site to Heroku
• Bl.ocks: Arc Map with Scaled Arrowheads