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

  • 150