Download - AIM Data Visualization
![Page 2: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/2.jpg)
Data VisualizationRachel Webb
![Page 3: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/3.jpg)
Introduction Timeline
![Page 4: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/4.jpg)
Data Visualization Overview
1. WHO
2. WHAT
3. WHY
4. HOW
![Page 5: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/5.jpg)
What is data visualization?Representing data in a visual context to help people understand the significance of that data.
![Page 6: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/6.jpg)
Data Visualization
1. WHO
2. WHAT
3. WHY
4. HOW
![Page 7: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/7.jpg)
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
![Page 8: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/8.jpg)
The Virtues of Visual
• Quickest
• Largest
• Underutilized
![Page 9: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/9.jpg)
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
![Page 10: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/10.jpg)
The Virtues of Visual
A visualization is 30 times more likely to be read than text.
![Page 11: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/11.jpg)
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.
![Page 12: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/12.jpg)
Mouse Movements
Time
Idle Time
MovementMeetings
Drop-down Menus
Clicks
![Page 13: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/13.jpg)
Data Visualization
1. WHO
2. WHAT
3. WHY
4. HOW
![Page 14: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/14.jpg)
![Page 15: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/15.jpg)
![Page 16: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/16.jpg)
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
![Page 17: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/17.jpg)
Visual Form: Color“A grand strategy is to use colors found in nature.”
-Edward Tufte
![Page 18: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/18.jpg)
Visual Form: ColorFun Fact: The human eye can see more distinct shades of GREEN than any other color
![Page 19: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/19.jpg)
Visual Form: ColorConsiderations when using visual…
http://colorlab.wickline.org/colorblind/colorlab/
http://www.slideshare.net/idigdata/data-visualization-best-practices-2013
![Page 20: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/20.jpg)
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
![Page 21: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/21.jpg)
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
![Page 22: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/22.jpg)
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
![Page 23: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/23.jpg)
Visual Form: Time
In general, time should always be left to right.
![Page 24: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/24.jpg)
Visual Form: Time
Interactive Timeline of Middle East Protests
![Page 25: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/25.jpg)
Hans Rosling– Swedish global health professor– Statistician– Co-Founder of Gapminder
Visual Form: Time
Animate the Time
Show change overtime with an animated graph
![Page 26: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/26.jpg)
Visual Form: Size
Can use size for comparison
![Page 27: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/27.jpg)
Visual Form: Size
To show probabilities...
![Page 28: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/28.jpg)
Visual Form: Size
Or to show a difference in amounts
![Page 29: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/29.jpg)
What to Do
![Page 30: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/30.jpg)
What NOT to Do
![Page 31: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/31.jpg)
![Page 32: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/32.jpg)
• Too much information• Colors are meaningless (no order)• Relevant/interesting information is not
apparent• No story• 3D bars—in general should not be used
![Page 33: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/33.jpg)
3D graphs often distorts perception. People perceive 3D objects as containing more than 2D objects.
![Page 34: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/34.jpg)
![Page 35: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/35.jpg)
• Garish colors• Unclean finish• Poor rotational use
![Page 36: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/36.jpg)
It’s best to list your 1st and 2nd largest pie slices on the immediate right and left of 12 o’clock.
![Page 37: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/37.jpg)
![Page 38: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/38.jpg)
• Sizes are not representative of story
![Page 39: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/39.jpg)
When using bubbles, make sure the sizes are proportionate to the area, not the diameter.
![Page 40: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/40.jpg)
![Page 41: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/41.jpg)
• Story is not apparent• Lines are hard to follow• Too much information• Color of lines not distinct enough
![Page 42: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/42.jpg)
Don’t make the reader hunt for the answer. It should be clear what your chart is conveying.
![Page 43: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/43.jpg)
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.
![Page 44: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/44.jpg)
Final Thoughts
![Page 45: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/45.jpg)
Final Thoughts
Make it apparent Make it proportional
Use alignment to your advantage
Area. Not volume.
![Page 46: AIM Data Visualization](https://reader036.vdocuments.us/reader036/viewer/2022062903/58ed64fd1a28ab5e678b474b/html5/thumbnails/46.jpg)
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