Project 2: Alexa Top 5

Summary
For this project I chose a hybrid data structure. Which essentially its an associative array and each element of the array is a graph. The data represented in this data structure is the Alexa Top 5. Essentially my project tries to model the data in the data structure by its denotations and connotations.
Motivation and Interaction
Denotation
The denotation of this data is represented in a number of ways. First the screen shows all the info for each of the companies in the Alexa top 5. It goes into descriptions as well as info like CEO, number of Employees, and Head Quarters. The data I am representing is a list of the top 5 traffic grabbing companies on the web(Google hits both 1 and 3). Then each company has a graph of work locations in the United States. All this info I accumulated through the use of CrunchBase, a tech company reviewing web site. In order to traverse the list you click the mouse and by doing so each element in the lists activates its nodes on the map.
The Top 5 companies are:

1. Google
2. Yahoo
3. Youtube(Google)
4. Facebook
5. Myspace
   

Connotation
The connotation of the data is represented in the themes of computers. The model looks a bit like a laptop. In addition, To traverse the list you click on the mouse. Also I try and bring the information to life by displaying a map of the United States and positioning the nodes at which the companies exist in real life. I feel this allow the information to mean more rather than just a simple list of data on a page. Also each node uses colors distinctive of its parent company.

Video
I took me a while to get the video right but here it is:

if you want to hear a ridiculous story about why it took nearly 6 hours to get this thing working let me know