07 data viz principles - github pages · data viz in a nutshell 1. history 2. graphical basics 3....

57
Data Visualization

Upload: others

Post on 12-Aug-2020

8 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Data Visualization

Page 2: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

DATA VISUALIZATION IS COMMUNICATION

Page 3: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Principles of Graphical Excellence

•  Clarity

•  Precision

•  Efficiency

•  Maximize ideas, minimize ink

(fromTu)e)

Page 4: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Data Viz in a Nutshell

1.  History

2.  Graphical Basics

3.  Minimalist principles

Page 5: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Data Viz in the 10th Century

From Funkhouser 1936

Page 6: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show
Page 7: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Maps as Rich Information Source

Page 8: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Spatial Patterns Intuitive

Page 9: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show
Page 10: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Multiple Data Sources to Make a Point

Page 11: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Sometimes One Variable is Enough

Page 12: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Adding Space to Time

Page 13: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Unifying Maps and Timeseries

Page 14: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Abstracting Variables to Make a Point

Page 15: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show
Page 16: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Abstraction Can Tell Wonderful Stories

Page 17: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Data Viz in a Nutshell

1.  History

2.  Graphical Basics

3.  Minimalist principles

Page 18: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Elements of a Plot

Wickham 2010

Geometric Objects Scales & Coordinates Annotations

Page 19: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Elements of a Plot

Wickham 2010

Page 20: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Aesthetics of a Plot

Wilke 2018

Page 21: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Aesthetics Map Data to Visual Representation

Wilke 2018

Page 22: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Aesthetics Map Data to Visual Representation

Wilke 2018

Page 23: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Aesthetics Map Data to Visual Representation

Wilke 2018

Page 24: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Barplots

Page 25: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Types of Visualizations: Proportions

Wilke 2018

Page 26: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Types of Visualizations: Multiple Proportions

Wilke 2018

Page 27: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Types of Visualizations: Distributions

Wilke 2018

Page 28: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Histograms Show Frequency

Page 29: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Types of Visualizations: Multiple Distributions

Wilke 2018

Page 30: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Boxplots to Show Variation

Page 31: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

…Or Point-Ranges

Page 32: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Scatterplots Show Relationships

Page 33: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Combining Data Sources and Maps

•  Chlorophyll a •  Abundance of taxonomic groups •  Temperature •  Salinity

Hopkinson and Hobbie 2012 http://ecosystems.mbl.edu/PIE/data/EST/EST-PR-ChemTax.html

Page 34: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Coordinate Systems Transform Relationships

Page 35: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

The Polar Coordinate System is Useful!

Wilke 2018

Page 36: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

The Polar Coordinate System is Useful!

Wilke 2018

Page 37: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Adding Full Scale to 0

Page 38: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Why Transform?

Wilke 2018

Page 39: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Log-Transformation To See Relationship

Page 40: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Scales to Add Dimensions of Data

Page 41: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Colors Can Distinguish Groups

Wilke 2018

Page 42: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Colors Can Show Data

Wilke 2018

Page 43: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Beware Not Thinking About Color Blindness

Wilke 2018

Never use Red-Green!

Use redundant coding: shapes, sizes, etc.

Page 44: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Colorbrewer.org

Seealsoh1ps://flowingdata.com/tag/color/

Page 45: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

A Touch of Color!

Page 46: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Color Can Bring in Another Dimension

Page 47: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Statistical Fit to Aid Understanding

Page 48: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Facets to Add Fine-Grained Information or New Dimensions

Page 49: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Facets Add Information

Page 50: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Data Viz in a Nutshell

1.  History

2.  Graphical Basics

3.  Minimalist principles

Page 51: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Tufte 2002

Minimalist Presentation

1.  Above all else show data.

2. Maximize the data-ink ratio 3. Erase non-data-ink. 4. Erase redundant data-ink.

Page 52: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show

Show the Data

Page 53: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show
Page 54: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show
Page 55: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show
Page 56: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show
Page 57: 07 data viz principles - GitHub Pages · Data Viz in a Nutshell 1. History 2. Graphical Basics 3. Minimalist principles . Tufte 2002 Minimalist Presentation 1. Above all else show