Dataharvest
basic data design
Misconceptions
"A picture is worth a thousand words"
"Show, don't tell!"
"The data speaks for itself"
Alberto Cairo
Gestalt principles
Similarity
Closure
Proximity
Common fate
Continuity
Max Wertheimer
Avoid optical illusions
Moiré-effect
Hermann-grid
Hering-illusion
Jastraw-illusion
Green-blue
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
Axis tricks
Axis tricks
Axis tricks
Axis tricks
Axis tricks
Axis tricks
Axis tricks
Axis tricks
3D pseudo perspectives
correct
misleading
3D pseudo perspectives
bad
correct
Pie charts
Pie charts
Pie charts
Pie charts
Pie charts
Pie charts
Pie charts
Pie charts
Radial bar charts
Radial bar charts
Radial bar charts
Radial bar charts
Jastraw-effect
Size
=
2x
Radius
=
2x
Data/Ink ratio
shading
border
contour
font type
prison grid
background image
Data/Ink ratio
Edward Tufte's principles
Data/Ink ratio
Chartjunks
Chartjunks
Mapping
Source: Karim Douleb Twitter
Source: NYT
Source: Washington Post
Source: WSJ
Basic data design - Dataharvest
By Attila Bátorfy
Basic data design - Dataharvest
- 577