Contact me at 
Design Process Mozilla Labs a and the Metrics Team have a open data set Test Pilot. Firefox can opt in this study by using Test Pilot add-on or installing Firefox 4. The data including many events data such as average browser session, average private browsing percentage, average active browsing percentage, average number of bookmarks, aver number of bookmark folders, average bookmark depth, average number of tabs, and average number of windows, and some demographics data from an optional survey they sent out to their users.
Why we use Parallel Coordinates ?
- horizontally presenting with multiple vertical coordinates/variables which can give users a big picture what's going on in the data.
- users can easily recognize the predominant patterns and exceptions by simply looking at clusters and overlapping of the lines which helps to search for similar profiles when analyzing date.
Why we use Parallel Sets
- It adopts the style of Parallel coordinates
- Rather than using individual data, parallel sets are good for dealing with categorical data which can use on presenting demographics data from the survey
Wireframes Our idea is to use Parallel Sets to deal with categorical data (such as gender, age, and technical skill level) and use Parallel Coordinates to present single variable. As for interactive interaction, users can change the order of the coordinates and show/ hide selected coordinates to better compare the data of interests. Also, users can click on the "filters" on each variables to make interested data stand out.
Result { play with the interactive visualization } Due to the time constraint for the submission of the competition, only part of the interactions are implemented. The original idea of changing the order of coordinates by drag-and-drop has been compromised with entering numbers to determine the order and the "filter" function has been left out.
The Mozilla Labs The Metrics team co-host a Open Data Visualization Competition based on Test Pilot data with a goal of looking for creative and innovative visualization to answer the question "How do people use Firefox ?" As a result, we decided to use the combination of Parallel Coordinates and Parallel Sets to presenting the user data of Firefox with a goal of helping developers and designers understand the usage of Firefox and improve its design.
Project DetailsMy role: Brainstorming potential visualizations, researching, wireframing, designing and managing project presention website
Course: Information Visualization
Duration: 11.2010-12.2010
Teammates: Jim Steinberger, Bo Wang, Yue Sun, Yiwei Ma
Technology used: Protovis, Adobe Illustrator