My first data visualization in Flash, created for The Ration as part of my News21 fellowship at UC Berkeley, and republished at Grist.

I'd originally planned to create something visualizing the number of calories you'd find in a dollar's worth of different foods, but became really curious about what would happen if you plotted calories per serving versus price per serving on a scatterplot. I suspected that processed foods and junk foods would cluster towards the cheaper and higher calorie corner of the scatterplot, with healthier, natural foods grouping towards the more expensive, lower calorie end, and this proved generally correct. Adding charts for sodium versus price and sugar versus price brought forth more interesting patterns. To help guide users and incorporate storytelling into the piece, I provided analysis that appears when you click on a food group.

I'd hoped to include a feature allowing users to plug in their own data and add their own foods to the scatterplot to see how they compared with my unscientific sample, and then share the results with their friends—alas, time didn't permit, but I hope to try out this concept in the future.

View project

More geekery

DATA VISUALIZATION - Where do Americans get their calories?

DATA VISUALIZATION - Superfruits: Google search popularity over time

DATA VISUALIZATION - Calories, sodium and sugar vs price

WEB DEVELOPMENT - The Ration

DATA VISUALIZATION -
Global air temperature

GAME - Fish Pond

IA + WEB DEVELOPMENT -
Social Cookbook

DATA VISUALIZATION -
What we eat

IA - The Data Junkie

IA + WEB DESIGN &
DEVELOPMENT - Identity

UX - CheckItOut