aim data visualization

Analytics In Motion Conference

04-22-16

.

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