aim data visualization
TRANSCRIPT
Data VisualizationRachel Webb
Introduction Timeline
Data Visualization Overview
1. WHO
2. WHAT
3. WHY
4. HOW
What is data visualization?Representing data in a visual context to help people understand the significance of that data.
Data Visualization
1. WHO
2. WHAT
3. WHY
4. HOW
The Power of Data VisualizationDavid McCandless– British data-journalist and information
designer– Published Information is Beautiful in 2009– Published Knowledge is Beautiful in 2014
David McCandless TED Talk
The Virtues of Visual
• Quickest
• Largest
• Underutilized
The Virtues of Visual
The brain can process visual information 60,000 times faster than it can decode text.
*According to SAGE Handbook of Political Communication
The Virtues of Visual
A visualization is 30 times more likely to be read than text.
The Virtues of Visual: Example“Combine the language of the eye and the language of the
mind”How mouse movements relate to Carpal Tunnel Syndrome.
Mouse Movements
Time
Idle Time
MovementMeetings
Drop-down Menus
Clicks
Data Visualization
1. WHO
2. WHAT
3. WHY
4. HOW
story(concept)
visual form(metaphor)
goal(function)
information (data)
What Makes a Good Visualization?
proof of conceptprototype
boring useless
templateresearch docarticle outline
plot rough sketch art
schematicwireframe
pure data vizdata art
storyboarddetailed sketch
Successful visualizatio
n
INTEGRITY
INTERESTINGNESS
USEFULNESS
BEAUTY
Visual Form: Color“A grand strategy is to use colors found in nature.”
-Edward Tufte
Visual Form: ColorFun Fact: The human eye can see more distinct shades of GREEN than any other color
Visual Form: ColorConsiderations when using visual…
http://colorlab.wickline.org/colorblind/colorlab/
http://www.slideshare.net/idigdata/data-visualization-best-practices-2013
Colorblindness
Normal vision No red cones No blue cones
No green cones
No cones; rod monochromat
Anomalous red cones
Anomalous blue cones
Anomalous green cones
CUNA Mutual Group Colors
Normal vision No red cones No blue cones
No green cones
No cones; rod monochromat
Anomalous red cones
Anomalous blue cones
Anomalous green cones
Visual Form: Principles of Perception
1. Proximity• Objects that are close together
are perceived as a group2. Similarity• Objects that have similar
attributes (color, shape, etc.) are perceived as a group
3. Enclosure• Objects that have a boundary
around them are perceived as a group
4. Closure• Objects can be perceived as
closed, even when they are not
http://www.slideshare.net/idigdata/data-visualization-best-practices-2013
Visual Form: Time
In general, time should always be left to right.
Visual Form: Time
Interactive Timeline of Middle East Protests
Hans Rosling– Swedish global health professor– Statistician– Co-Founder of Gapminder
Visual Form: Time
Animate the Time
Show change overtime with an animated graph
Visual Form: Size
Can use size for comparison
Visual Form: Size
To show probabilities...
Visual Form: Size
Or to show a difference in amounts
What to Do
What NOT to Do
• Too much information• Colors are meaningless (no order)• Relevant/interesting information is not
apparent• No story• 3D bars—in general should not be used
3D graphs often distorts perception. People perceive 3D objects as containing more than 2D objects.
• Garish colors• Unclean finish• Poor rotational use
It’s best to list your 1st and 2nd largest pie slices on the immediate right and left of 12 o’clock.
• Sizes are not representative of story
When using bubbles, make sure the sizes are proportionate to the area, not the diameter.
• Story is not apparent• Lines are hard to follow• Too much information• Color of lines not distinct enough
Don’t make the reader hunt for the answer. It should be clear what your chart is conveying.
Data Visualization
1. WHO
2. WHAT
3. WHY
4. HOW
Is a tool and a skill that helps us reveal the story of the data.
Is a more efficient method of transferring ideas.
Use people’s natural perceptions and understandings of color, time, and size.Tell a story.
Final Thoughts
Final Thoughts
Make it apparent Make it proportional
Use alignment to your advantage
Area. Not volume.
Citationshttps://media.creativemornings.com/uploads/user/avatar/855/38470706e000d78ed495655c0deab7bc_DAVID_MCCANDLESS.jpg
-http://blog.hubspot.com/marketing/great-data-visualization-examples
-https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRbJJ1IM6TYrj3lAMf77qqGaOT9uBC_GdAoX2Qojy_U6N-7vj5xcyCTPA
-http://www.popsci.com/computer-mouse-data-may-reveal-your-chances-getting-carpal-tunnel-syndrome
-Http://blogs.sas.com/content/sastraining/files/2015/07/bald_eagle_map.png
-https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/maps_and_graphs/2011/10/17/1318848722779/Awesomely-bad-infographic-007.jpg?w=620&q=55&auto=format&usm=12&fit=max&s=41afd4a95913a1f156d83f0f0ec1a88a
-http://49.media.tumblr.com/tumblr_ll9ceolkpO1qbex4ko1_500.gif
-http://blog.hubspot.com/marketing/data-visualization-mistakes
-http://www.hvitfeldtproduktion.se/content/uploads/2013/12/DSC8242hans-rosling.jpg
-http://craphound.com/images/wheremoneygo.jpg