In the middle of the screen, is the tool box. User can select different filters to show data using this tool box. We provided Weather, Alcohol, Speed, Vehicle, Age, Day of Week, Months, Hours, Sex and Light Condition to user.
User can select multiple filters and in each filter user can select multiple options.
[Using tool box to select filters]
User can also select to show data from different states using the square states map we created.
This map reflects general geographic position information of the states as well as demographic information - the size of a state is proportional to its population.
[Select a state to visualize]
On the left side of our application, is an interactive map. It has all basic function you can expect from an touchable interactive map, panning, zooming and change map styles.
[an overview of the map]
At the beginning, it will show general clusters of all filtered crashes in current state. As user zooming in or out, clusters will dynamically form or break up. When the scale is large enough, user start to see markers.
Using a mouse, user can use wheel to zoom in and out, or user can click the zoom in/out buttons on the right side of the map.
Touch one of the markers, the detail information of that crash will pop up.
[Detail information of a crash]
User can change the shape of the markers to get better understanding of these crashes through the 'Change Markers' toggle at the bottome of the map. Current options are Weather, LIght Condition and Sex.
[Weather Markers]
[Light Condition Markers]
[Sex Markers]
User can also change map style between Road Map, Hybrid Map and Aerial Map, using the 'Change map mode' toggle at the bottom of the map.
[Style 1: Road Map]
[Style 2: Hybrid Map]
[Style 3: Aerial Map]
Our first graph is a timeline plot, on which two curves can be displayed together.
[Timeline overview]
The year in which happened important events that affected traffic accident data, is in red color.
Click 'Events' button, user can get the information about the events.
[Showing events to user]
As in the previous project, moving the dragger can get different time range.
By moving the vertical red line, user can change the data showing on the interactive map.
The legends under the graph give user good understanding of what data sets are being displayed.
Clicking 'Graph / Scatter' button, user can play with another graph, the scatter plot.
The scatter plot can help user see patterns and correlations between variables.
[Scatter Plot]
Simply select variables for X axis and Y axis respectively, followed by selecting a year to visualize, then click 'Plot' button, data will show up.