Data Visualization tips & using Adobe Illustrator

Marilyn Ostergren

~25 min. 1 hour & 25 minutes

Schedule for today

~25 min. 1 hour & 25 minutes

Schedule for today

ENCODINGDECODINGLAYERING

VISUAL HIERARCHYWORDS

~25 min. 1 hour & 25 minutes

Schedule for today

ILLUSTRATORR -> ILLUSTRATOR

ENCODINGthe essence of data displays

ENCODINGthe essence of data displays

0 0.5 1 1.5 2 2.5 30

1

2

3

40 0.5 1 1.5 2 2.5 30

1

2

3

4

0 0.5 1 1.5 2 2.5 30

1

2

3

4

0 0.5 1 1.5 2 2.5 30

1

2

3

4

0 0.5 1 1.5 2 2.5 30

1

2

3

4

0 0.5 1 1.5 2 2.5 30

1

2

3

4

ENCODINGthe essence of data displays

0 0.5 1 1.5 2 2.5 30

1

2

3

40 0.5 1 1.5 2 2.5 30

1

2

3

4

0 0.5 1 1.5 2 2.5 30

1

2

3

4

0 0.5 1 1.5 2 2.5 30

1

2

3

4

0 0.5 1 1.5 2 2.5 30

1

2

3

4

0 0.5 1 1.5 2 2.5 30

1

2

3

4

SPATIAL POSITION SHADE/TINT SIZE

SHAPE ABSENCE/PRESENCE COLOR

Effective EncodingPerceptually Effective – I see it easilyCognitively Effective – I understand it easily

Effective EncodingPerceptually Effective – I see it easilyCognitively Effective – I understand it easily

…& it supports the task at hand Tasks (comparison, pattern discovery, choice)

beef horse lamb pork veal0

10

20

30

40

50

60

70

80

France

Germany

Italy

Netherla

nds

Belgium

0

50

100

150

200

250

300

vealpork lambhorsebeef

Germany

pork beef veal horse lamb

France

Italy

Netherlands

Belgium

DECODINGthe viewer’s challenge

http://www.gapminder.org/world/%23$majorMode=chart$is;shi=t;ly=2003;lb=f;il=t;fs=11;al=21;stl=t;st=f;nsl=t;se=t$wst;tts=C$ts;sp=6;ti=2006$zpv;v=0$inc_x;mmid=XCOORDS;iid=phAwcNAVuyj1jiMAkmq1iMg;by=ind$inc_y;mmid=YCOORDS;iid=phAwcNAVuyj1gkNuUEXOGag;by=ind$inc_s;uniValue=8.21;iid=phAwcNAVuyj1NHPC9MyZ9SQ;by=ind$inc_c;uniValue=255;gid=CATID0;iid=pyj6tScZqmEfbZyl0qjbiRQ;by=grp$map_x;scale=lin;dataMin=294;dataMax=76977$map_y;scale=lin;dataMin=-1.2196;dataMax=26$map_s;sma=58;smi=1$cd;bd=0$inds=;modified=6

LAYERING & VISUAL HIERARCHY…an answer to complexity

Layering

Visual hierarchy

Layering

Visual hierarchy

Supporting PlayersTitles, annotations, axes

~25 min. 1 hour & 25 minutes

Schedule for today

ILLUSTRATORR -> ILLUSTRATOR

http://students.washington.edu/ostergrn/Summer2011/DataGraphics_Resources.html

http://students.washington.edu/ostergrn/Summer2011/DataGraphics_Resources.html

http://students.washington.edu/ostergrn/Summer2011/DataGraphics_Resources.html

http://students.washington.edu/ostergrn/Summer2011/DataGraphics_Resources.html

http://students.washington.edu/ostergrn/Summer2011/DataGraphics_Resources.html

http://students.washington.edu/ostergrn/Summer2011/DataGraphics_Resources.html

http://students.washington.edu/ostergrn/Summer2011/DataGraphics_Resources.html

http://students.washington.edu/ostergrn/Summer2011/DataGraphics_Resources.html

http://students.washington.edu/ostergrn/Summer2011/DataGraphics_Resources.html

http://students.washington.edu/ostergrn/Summer2011/DataGraphics_Resources.html