Home
Current Projects
Past Projects
EVL
UIC

CS 491 - Visualization and Visual Analytics
Fall 2009

Project 5 - FlowFiz

Project 4 - Graphlix: A graph visualization of movie landscape

Project 3 - Saturday Night at the Movies

Project 2

 

The FlightManager is the primary class with manages all the imported data files. The internal parser creates Flight objects for each unique flight and appends all flight path coordinates associated with that flight. Specific information such as all flight positions of a given airline or flight positions in a given timeframe are generated from the FlightManager. During the loading of the data set, the parsing and database construction is done in a separate thread allowing the user to navigate the map while the loading icon in the center of the screen shows the current loading status of the data set files.

The FlightManager holds a hash table of Flight objects. Each Flight object represents a single flight object holding all relevant information of that flight such as flight ID, name, airline, departing/arriving, and an array list of all positions on that flight in the Coords object.

The Coords object was created in encapsulate information needed to extract flight information over a given time period. Each Coord holds a Location object, which is a Modest Maps object containing the latitude and longitude of that coordinate. Coords also hold the current bearing and time stamp associated with that Location to aid in rendering on the map. A pointer to the parent flight object is also kept to get any information needed from the Flight object such as airline carrier.

The date sliders allow the user to scan through the positions of selected airlines. Two sliders are implemented to allow more precision in selecting the possible 2273 time positions. The day of the week buttons between the sliders allow users to select or deselect entire days. When using the two sliders, the days that the sliders cover is highlighted as shown above. When the user presses a specific date, this disables the functionality of the slider and the map will only display flights on the selected days. Pressing the sliders again will restore map control to the sliders and return the day buttons as simply markers.

The airline selector takes in the FlightManagers compiled list of airlines and generates and aligns buttons for each airline. Pressing an airline button will display all flights from that airline in the current timeframe. The color selector in the upper left of the flight selector pane allows the user to decide what color an airline will appear as on the map. Simply click on the desired color (selected color has a white outline) and click on the desired flight. As in project 1, the airline selector is contained within a collapsable pane that slides the window when the button at the bottom of the screen is pressed.

Project 1

 

The goal of project 1 is to create an interactive map based on John Snow’s map of the 1854 London cholera epidemic. The map was generated using several data sets consisting of coordinates of streets, water pumps, and location of victims by age and sex. These data sets are modified versions of the data found at http://www.ncgia.ucsb.edu/pubs/snow/snow.html.

The basic controls follows the standard layout of any modern web-based map application. Using the directional controls on the left, the user can move and zoom in/out on the map. Also dragging on the map using the mouse and using the scroll wheel also performs the same functions. A reset button in the center restores the map to its initial position.

The timeline on the bottom functions as a slider to change the current day displayed on the map. Over the timeline are two line graphs that show the number of deaths and overall deaths by the given day. Certain days are listed in bold denoting additional information besides the date and number of deaths.

The top-right section of the map has three buttons which allows the user to toggle between showing the location of victims and comparing the victims based on age or sex.

The right size has two collapsable menus. One is the legend which updates based on the current comparisons and the second is a pie chart that compares the number of victims by age or sex.

Link to the interactive map

Screenshot:

Last updated on: 8/15/2010