Visualization Lab

Designed, researched, and prototyped interactive systems for visualizing and analyzing agricultural, nutritional, and self-collected behavioral data.

What’s Affecting Your Sleep?

When a graduate student, I stretched myself thin and was concerned that my health suffered as a result: I ate less well and got insufficient sleep. I was interested in learning more about how behaviors during the day affected sleep quality and duration, and wanted to visualize these data to help understand the sleep effects more readily and be able to adjust future daytime behaviors.

While not wholly scientific, the visualization revealed some surprising findings: caffeine consumption later in the day seemed to have a favorable effect on deep sleep (meaning more restful sleep).

  • Data collection: I collected two weeks of data from my “WakeMate”—a sensor-enabled, sleep-monitoring bracelet—including the time spent in different “depths of sleep” and the tag(s) that I applied to describe potential sleep-influencing behaviors that occurred each day.
  • Parsing the data: I compiled the sleep data into a CSV file, and used the d3.js framework to parse it
  • Wireframing: Before developing the visualization, I generated wireframes to design the interface and the data presentation.
  • Interactive prototype: I used the d3.js framework to generate an interactive prototype to help reveal sleep behavior patterns.

InSeason

I worked with a team on a creative services project for Visual.ly, a data visualization and infographics start-up in San Francisco. InSeason was an interactive visualization that empowered users to discover fruits and vegetables that are both “in season” and attainable in their area, as well as nutritionally valuable. The visualization is targeted at healthy eaters with a desire to “eat local,” grounded in the popular notion that eating fruits and vegetables of a variety of colors is a healthy way to plan meals.

  • Wireframes: Users select a state and time of year (defaulting to current location and month). The visualization then updates to display fruits and veggies as layered arcs around the circumference of the circle—itself divided into 12 months—which in turn resembles a “rainbow” of foods the user should eat.
  • Interactive prototype: Attached to this visualization is a “clock hand” which users can drag to select a desired time point; the arcs intersecting the clock hand represent the foods the user should eat in that month, and also updates the filters on the adjacent table of nutritional information.