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
- 611