basic data design 2
Graphic pitfalls
Distorsions
Axis tricks
3D pseudo perspectives
Pie charts
Radial bar charts
Data/Ink ratio
Size
Chartjunk
Distorsion/Graphic manipulation
original
horizontal distorsion
vertical distorsion
Axis tricks
correct
misleading
In most of the cases we start the axis "y" at zero.
But there are cases when cutting the axis is necessary.
Axis tricks
Axis tricks
Daily average temperature in Budapest 1901–
Axis tricks
Weekly
Axis tricks
Monthly
Axis tricks
Quarterly
Axis tricks
Annual
Axis tricks
Annual
Axis tricks
Annual difference - 1901 is the reference
3D pseudo perspectives
correct
misleading
3D pseudo perspectives
bad
correct
?
?
Pie charts
Pie charts
Pie charts
Pie charts
Difficult to compare
Pie charts
A little bit easier to compare
It there any other ways to show this data?
Pie charts
Pie charts
Pie charts
Radial bar charts
Radial bar charts
misleading
Radial bar charts
Radial bar charts
Jastraw-effect
which is the larger?
Size
=
2x
Radius
=
2x
Data/Ink ratio
shading
border
contour
font type
prison grid
background image
Changes in oil prices/gallon
Data/Ink ratio
Edward Tufte's principles
Changes in oil prices/gallon
Minimalism can be a bad choice too
Data/Ink ratio
Chartoons/Chartjunks
Same data
X
y
title
Mapping
you want to show people not area!
Source: Karim Douieb Twitter
proportional symbol map
Source: NYT
populated area map
Source: Washington Post
area distorted by population/votes
Source: WSJ
equal area map
Basic data design 2
By Attila Bátorfy
Basic data design 2
- 571