assignment
https://twitter.com/WhiteHouse/status/1476356458702946311?s=20
Agenda:
Tufte’s Principles
Visualisation Critiques
Presentation Slots
3
Guiding principles
Effectiveness over Beauty
Function over Form
Substance over Style
Visualization
Real World
Source: van Wijk (2005)
Technology
Science
Art
4
Tufte’s Principles
Visualisation Critiques
Presentation Slots
5
“There is no such thing as information overload. There is only bad design.”
-Edward Tufte
Source: Tufte (2001)
Tufte’s Design Principles
Visualisations should be about the data
The visualisation should tell a story
The visualisation should have integrity
The visualisation should minimise graphical complexity
Source: Tufte (2001)
7
1. The visualisation should tell a story
https://cdn-images-1.medium.com/max/1600/1*XgorQDwG09D2tHXpFhAr9A.jpeg
8
https://www.forbes.com/sites/nicolemartin1/2018/11/01/data-visualization-how-to-tell-a-story-with-data/#272173e44368
Does this visualisation tell a story?
https://twitter.com/WhiteHouse/status/1476356458702946311?s=20
The visualisation should have integrity
13
2. The visualisation should have integrity
Data from: https://www.barfoot.co.nz/market-reports/2017/january/suburb-report
14
Average sale price
1776750 1528333 1527286 1505016 1408500 1365400 1336746 1250714 1245035 1169250 1164167 1108733 1081375 1073391 1036250 994771 956301 917668 881000 Average sale price (3 bdrm) Epsom Grey Lynn Ponsonby Mt Eden Pt Chevalier Westmere Sandringham Greenlane One Tree Hill Newmarket Royal Oak Mt Albert Three Kings Onehunga Hillsborough New Windsor Blockhouse Bay Mt Roskill Avondale
The visualisation should have integrity
The representation of numbers, as physically measured on the surface of the graph itself, should be directly proportional to the numerical quantities represented
Clear, detailed and thorough labeling should be used to defeat graphical distortion and ambiguity.Write out explanations of the data on the graph itself. Label important events in the data.
Show data variation, not design variation.
In time-series displays of money, deflated and standardized units of monetary measurement are nearly always better than nominal units.
The number of information carrying (variable) dimensions depicted should not exceed the number of dimensions in the data. Graphics must not quote data out of context.
15
3. The visualisation should minimise graphical complexity
Data from: https://www.barfoot.co.nz/market-reports/2017/january/suburb-report
18
Average sale price
1776750 1528333 1527286 1505016 1408500 1365400 1336746 1250714 1245035 1169250 1164167 1108733 1081375 1073391 1036250 994771 956301 917668 881000 Average sale price (3 bdrm) Epsom Grey Lynn Ponsonby Mt Eden Pt Chevalier Westmere Sandringham Greenlane One Tree Hill Newmarket Royal Oak Mt Albert Three Kings Onehunga Hillsborough New Windsor Blockhouse Bay Mt Roskill Avondale
Average sale price
1776750 1528333 1527286 1505016 1408500 1365400 1336746 1250714 1245035 1169250 1164167 1108733 1081375 1073391 1036250 994771 956301 917668 881000 Average sale price (3 bdrm) Epsom Grey Lynn Ponsonby Mt Eden Pt Chevalier Westmere Sandringham Greenlane One Tree Hill Newmarket Royal Oak Mt Albert Three Kings Onehunga Hillsborough New Windsor Blockhouse Bay Mt Roskill Avondale
The visualisation should minimise graphical complexity
Data from: https://www.barfoot.co.nz/market-reports/2017/january/suburb-report
Data-ink ratio =
data-ink
Total ink used to print graphic
19
Average sale price
1776750 1528333 1527286 1505016 1408500 1365400 1336746 1250714 1245035 1169250 1164167 1108733 1081375 1073391 1036250 994771 956301 917668 881000 Average sale price (3 bdrm) Epsom Grey Lynn Ponsonby Mt Eden Pt Chevalier Westmere Sandringham Greenlane One Tree Hill Newmarket Royal Oak Mt Albert Three Kings Onehunga Hillsborough New Windsor Blockhouse Bay Mt Roskill Avondale
Average sale price
1776750 1528333 1527286 1505016 1408500 1365400 1336746 1250714 1245035 1169250 1164167 1108733 1081375 1073391 1036250 994771 956301 917668 881000 Average sale price (3 bdrm) Epsom Grey Lynn Ponsonby Mt Eden Pt Chevalier Westmere Sandringham Greenlane One Tree Hill Newmarket Royal Oak Mt Albert Three Kings Onehunga Hillsborough New Windsor Blockhouse Bay Mt Roskill Avondale
The visualisation should minimise graphical complexity
| Suburb | Average sale price |
| Epsom | $1,776,750 |
| Grey Lynn | $1,528,333 |
| Ponsonby | $1,527,286 |
| Mt Eden | $1,505,016 |
| Pt Chevalier | $1,408,500 |
| Westmere | $1,365,400 |
| Sandringham | $1,336,746 |
| Greenlane | $1,250,714 |
| One Tree Hill | $1,245,035 |
| Newmarket | $1,169,250 |
| Royal Oak | $1,164,167 |
| Mt Albert | $1,108,733 |
| Three Kings | $1,081,375 |
| Onehunga | $1,073,391 |
| Hillsborough | $1,036,250 |
| New Windsor | $994,771 |
| Blockhouse Bay | $956,301 |
| Mt Roskill | $917,668 |
| Avondale | $881,000 |
Data from: https://www.barfoot.co.nz/market-reports/2017/january/suburb-report
20
Average sale price
1776750 1528333 1527286 1505016 1408500 1365400 1336746 1250714 1245035 1169250 1164167 1108733 1081375 1073391 1036250 994771 956301 917668 881000 Average sale price (3 bdrm) Epsom Grey Lynn Ponsonby Mt Eden Pt Chevalier Westmere Sandringham Greenlane One Tree Hill Newmarket Royal Oak Mt Albert Three Kings Onehunga Hillsborough New Windsor Blockhouse Bay Mt Roskill Avondale
Example
https://speakerdeck.com/cherdarchuk/remove-to-improve-the-data-ink-ratio
"Simple design, intense content."
24
Cognitive load
The amount of information a human is trying to process in working memory at any given time
Goal is to reduce this!
No more than 5-9 elements on a chart
Tufte’s Principles
Visualisation Critiques
Presentation Slots
26
A few tips
What jumps out at you?
Colour
Shape
Chart type
What is the message that the author is trying to convey?
Did it immediately jump out or did it take a while?
Why?
http://www.pginvestor.com/Cache/1001216941.PDF?O=PDF&T=&Y=&D=&FID=1001216941&iid=4004124
28
Click here
29
Click here
30
https://morethanmyheight.com/2018/04/10/global-perspective-of-female-height/
31
https://www.reddit.com/r/dataisugly/comments/pel5xz/how_come_the_feet_start_at_15m