A Visualization
Fingerprint: Comparing
Nutrient Data Visually
Carrie Mah1
Richard Pusch1
Samuel Huron1, 2
Sheelagh Carpendale1
University of Calgary
2 IRI Centre Pompidou
1
Fingerprint:
A visualization
designed to
support
comparisons
1 | What We Created
Information in the Nutrition
Facts panel is inconsistent
between products
2 | Nutrition Facts Panels
Application
that compares
products while
customers are
shopping
1
+
2
3
The Noun Project CC 4.0 | Nutrition Facts by Michael Wohlwend nutrition-facts/75178 | Map Marker by Magicon map/174502 | Smartphone by Gregor Cresnar phone/169993 | Nutrition by Health
Care Symbols Collection nutrition/583 | Eye by Andy Santos-Johnson eye/5423 | Nutritional Facts by Iulia Strejan nutritional-facts/100615 |To Do by Lubos Volkov to-do/131377
3 | Design Goals
Less space
Difficult to compare
data sets as a whole
The Noun Project CC 4.0 | iPhone by Dogukan Guven Nomak iphone/104376
4 | Design Considerations
0
5 | Reading the Fingerprint
6 | Reading the Fingerprint
7 | Reading the Fingerprint
8 | Reading the Fingerprint
1. No extra screen
real estate
2. At-a-glance
summary of products
3. Notice
differences quickly
9 | Contributions
Figure 1
Figure 2
Figure 3
10 | Compare & Contrast
What types of
generalization
problems can we
ask?
11 | Generalizing the Visualization Fingerprint
How can we expand this
approach?
How to apply the Visualization Fingerprint to
compare two completely different products
or apply it to two or more products?
12 | Challenge
How can we incorporate
the daily intake levels?
How to apply the Visualization Fingerprint to
compare based off daily recommended
intake levels instead of between products’
nutrient values?
13 | Challenge
How can we generalize
this approach?
How to apply the Visualization Fingerprint to
compare other types of personal data
beyond products?
14 | Challenge
A Visualization Fingerprint:
Comparing Nutrient Data Visually
Carrie Mah
Richard Pusch
Samuel Huron
Sheelagh Carpendale
cmah@ucalgary.ca
rapusch@ucalgary.ca
samuel.huron@cybunk.com
sheelagh@ucalgary.ca
Thank You!