visualization. v isualization 0111010001101000 0110010100100000 0111010001110010 0111010101110100...

52
Visualizati on

Upload: deborah-fox

Post on 03-Jan-2016

220 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Visualization

Page 2: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

VISUALIZATION

Page 3: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

0 1 1 1 0 1 0 0 0 1 1 0 1 0 0 00 1 1 0 0 1 0 1 0 0 1 0 0 0 0 00 1 1 1 0 1 0 0 0 1 1 1 0 0 1 00 1 1 1 0 1 0 1 0 1 1 1 0 1 0 00 1 1 0 1 0 0 0 0 0 1 0 0 0 0 00 1 1 0 1 1 0 1 0 1 1 0 1 0 0 10 1 1 0 0 1 1 1 0 1 1 0 1 0 0 00 1 1 1 0 1 0 0 0 0 1 0 0 0 0 00 1 1 1 0 0 1 1 0 1 1 0 0 1 0 10 1 1 1 0 1 0 0 0 0 1 0 0 0 0 00 1 1 1 1 0 0 1 0 1 1 0 1 1 1 10 1 1 1 0 1 0 1 0 0 1 0 0 0 0 00 1 1 0 0 1 1 0 0 1 1 1 0 0 1 00 1 1 0 0 1 0 1 0 1 1 0 0 1 0 1

Page 4: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

0 1 1 1 0 1 0 0 0 1 1 0 1 0 0 00 1 1 0 0 1 0 1 0 0 1 0 0 0 0 00 1 1 1 0 1 0 0 0 1 1 1 0 0 1 00 2 1 1 0 1 0 1 0 1 2 1 0 2 0 00 2 1 0 1 0 0 0 0 0 2 0 0 2 0 02 2 2 0 2 1 0 1 0 2 2 2 1 2 0 10 2 1 0 2 2 2 1 0 1 2 0 1 2 0 00 2 1 1 2 1 0 0 0 0 2 0 0 2 2 20 2 1 1 2 0 2 1 2 1 2 0 0 2 0 20 2 1 1 2 1 2 0 2 0 2 0 0 2 0 20 2 2 1 2 0 2 2 2 1 2 2 1 2 1 20 1 1 1 0 1 0 1 0 0 1 0 0 0 0 00 1 1 0 0 1 1 0 0 1 1 1 0 0 1 00 1 1 0 0 1 0 1 0 1 1 0 0 1 0 1

Page 5: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

On Visualizations:

1. The importance of good design

2. Design principles

3. A few examples

Page 6: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

§1 Why is good design

important?

Page 7: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

If a graph falls in the forest

and you’re not around to explain…

If a graph falls in the forest

Page 8: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

by William H. Smyth, 1926. photo 2011 John Jackson, some rights reserved

…will anyone understand?

Page 9: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000
Page 10: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000
Page 11: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Paint a vivid picture

Page 12: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

§2 VisualizationPrinciples

Page 13: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

orHow to design without being

a graphic designer

Page 14: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

6 rules to make your visualizations 80% better

1. Ask “What’s 1 thing viewers need to know?”

2. Ask “What happens if my main point fails?”

3. Everything on the page has a function.

4. Don’t accept defaults.

5. Remove chart-junk.

6. Don’t shout all the time.

pra

cti

ces

pri

ncip

les

1 thing

Page 15: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

1. Ask “What’s 1 thing viewers need to know?”

Page 16: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

crowd

Page 17: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000
Page 18: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

1what’s1thingIwantviewerstoknow?Emphasizesomething!There’slotsofstuffonthepage,don’tleaveeffectivecommunicationtochance.Youdon’thavetodumbthingsdowntogetthatmessageacross,butreallythinkaboutwhatthecoremessageis…

Page 19: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

1what’s1thingIwantviewerstoknow?Emphasizesomething!There’slotsofstuffonthepage,don’tleaveeffectivecommunicationtochance.Youdon’thavetodumbthingsdowntogetthatmessageacross,butreallythinkaboutwhatthecoremessageis…

Page 20: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

1what’s1thingIwantviewerstoknow?Emphasizesomething!There’slotsofstuffonthepage,don’tleaveeffectivecommunicationtochance.Youdon’thavetodumbthingsdowntogetthatmessageacross,butreallythinkaboutwhatthecoremessageis…

Page 21: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Inpatient   ED   Combined  Top… Costs… %... Costs… %... Costs… %...

1% $625,707,571 14.8% $98,788,474 14.2% $1,423,144,665 28.9%5% $1,618,105,782 38.3% $229,544,800 32.9% $2,962,885,535 60.1%10% $2,247,066,066 53.1% $323,857,988 46.4% $3,667,599,172 74.4%20% $2,921,326,865 69.1% $440,787,774 63.2% $4,316,182,439 87.6%50% $3,767,609,356 89.1% $606,934,394 87.0% $4,792,810,163 97.3%100% $4,229,501,896 $697,489,504 $4,926,991,400

Page 22: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Inpatient   ED   Combined  Top… Costs… %... Costs… %... Costs… %...

1% $625,707,571 14.8% $98,788,474 14.2% $1,423,144,665 28.9%5% $1,618,105,782 38.3% $229,544,800 32.9% $2,962,885,535 60.1%10% $2,247,066,066 53.1% $323,857,988 46.4% $3,667,599,172 74.4%20% $2,921,326,865 69.1% $440,787,774 63.2% $4,316,182,439 87.6%50% $3,767,609,356 89.1% $606,934,394 87.0% $4,792,810,163 97.3%100% $4,229,501,896 $697,489,504 $4,926,991,400

Page 23: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Top 5% of patients cost 60.1%.

Page 24: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Inpatient   ED   Combined  Top… Costs… %... Costs… %... Costs… %...

1% $625,707,571 14.8% $98,788,474 14.2% $1,423,144,665 28.9%5% $1,618,105,782 38.3% $229,544,800 32.9% $2,962,885,535 60.1%10% $2,247,066,066 53.1% $323,857,988 46.4% $3,667,599,172 74.4%20% $2,921,326,865 69.1% $440,787,774 63.2% $4,316,182,439 87.6%50% $3,767,609,356 89.1% $606,934,394 87.0% $4,792,810,163 97.3%100% $4,229,501,896 $697,489,504 $4,926,991,400

Page 25: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

1. Focus!

2. Ask “What happens if my main point fails?”

Page 26: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000
Page 27: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000
Page 28: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000
Page 29: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Efficiently grouping patient rides≈20% decrease in trips

facilities

patients

Not enough co

ntext

Page 30: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

- 500 1,000 1,500 2,000 2,500 -

5,000

10,000

15,000

20,000

25,000

30,000

35,000

40,000

45,000

128 Crosskeys (Twin Oaks Berlin Food Pantry & Berlin Medical Asso-

ciates)

CamCare Gateway

Cooper Camden

Cooper Voorhees

Davita Pennsauken (dialysis)

Kennedy Cherry Hill

M.I.C.A. Club (Mentally Ill Chemical Abusers)

South Jersey Behavioral Health

Urban Treatment As-sociates (methadone)

Virtua Camden

Unique Patients

Annu

al T

rips

≥ 131

few patients many patientsm

ore

trip

sle

ss tr

ips

known name & address variations(5 to 131+) per site reveal technical & process hurdles

5

Segment facilities bymedical transport patternsfor targeted efficiency

Page 31: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Don’t go blind

Reiterate structureReinforce concepts

You are here

1. Focus!

2. Context is your plan B.

3. Everything on the page has a function.

Page 32: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

To look like a package of bed sheets?Made of wood?With a strapped down sign?That takes up 30% of the slide’s area?That still manages to float?

To tell you where to go to find the presentation?And what day is?In a bar that’s just as loud as any of the content?

Page 33: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

1. Focus!

2. Context is your plan B.

3. Everything does something.

4. SO: Don’t accept defaults.

Page 34: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Are the defaults sufficient?

Page 35: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Marlton

Fairview

Cramer Hill

Parkside

Stockton

Beideman

Bergen Square

Morgan Village

Dudley

Rosedale

Gateway

Centervill e

Cooper Point

Liberty Park

Waterfront South

Central Waterfront

CBD

Cooper Grant

0 50 100 150 200

151

146

142

142

138

96

94

94

93

71

67

56

55

55

34

28

5

3

Lanning Square 16119

Pyne Point 1829Whitman Park 17638

18

23

15

21

14

10

16

15

8

8

12

11

6

19

1

3

3

0

all assault victims

gunshot victims

Assault victims by neighborhood

Page 36: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

No! Don’t send your baby into the world naked.

Page 37: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

1. Focus!

2. Context is your plan B.

3. Everything does something.

4. Don’t accept defaults.

5. SO: Remove chart-junk.

Page 38: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Marlton

Fairview

Cramer Hill

Parkside

Stockton

Beideman

Bergen Square

MorganVillage

Dudley

Rosedale

Gateway

Centerville

Cooper Point

Liberty Park

Waterfront South

Central Waterfront

CBD

Cooper Grant

0 50 100 150 200

151

146142

142138

9694

9493

7167

56

5555

3428

53

LanningSquare 16119

PynePoint 1829Whitman Park 17638

18

2315

2114

1016

158

81211

619

13

30

all assault victims

gunshot victims

Assault victims by neighborhood

Page 39: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Marlton

Fairview

Cramer Hill

Parkside

Stockton

Beideman

Bergen Square

MorganVillage

Dudley

Rosedale

Gateway

Centerville

Cooper Point

Liberty Park

Waterfront South

Central Waterfront

CBD

Cooper Grant

0 50 100 150 200

151146

142142

13896

9494

9371

6756

5555

3428

53

LanningSquare 16119

Pyne Point 1829Whitman Park 17638

1823

1521

1410

1615

88

1211

619

13

0

all assault victims

gunshot victims

Assault victimsby neighborhood

Page 40: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

1. Focus!

2. Context is your plan B.

3. Everything does something.

4. Don’t accept defaults.

5. Remove chart-junk.

6. so: Don’t shout all the time.

Page 41: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Marlton

Fairview

Cramer Hill

Parkside

Stockton

Beideman

Bergen Square

MorganVillage

Dudley

Rosedale

Gateway

Centerville

Cooper Point

Liberty Park

Waterfront South

Central Waterfront

CBD

Cooper Grant

0 50 100 150 200

151146

142142

13896

9494

9371

6756

5555

3428

53

LanningSquare 16119

Pyne Point 1829Whitman Park 17638

1823

1521

1410

1615

88

1211

619

13

0

all assault victims

gunshot victims

Assault victimsby neighborhood

Page 42: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Marlton

Fairview

Cramer Hill

Parkside

Stockton

Beideman

Bergen Square

MorganVillage

Dudley

Rosedale

Gateway

Centerville

Cooper Point

Liberty Park

Waterfront South

Central Waterfront

CBD

Cooper Grant

0 50 100 150 200

151146

142142

13896

9494

9371

6756

5555

3428

53

LanningSquare 16119

Pyne Point 1829Whitman Park 17638

1823

1521

1410

1615

88

1211

619

13

0

all assault victims

gunshot victims

Assault victimsby nei

Page 43: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Marlton

Fairview

Cramer Hill

Parkside

Stockton

Beideman

BergenSquare

MorganVillage

Dudley

Rosedale

Gateway

Centerville

CooperPoint

Liberty Park

Waterfront South

CentralWaterfront

CBD

CooperGrant

151

146

142

142

138

96

94

94

93

71

67

56

55

55

34

28

5

3

LanningSquare 16119

PynePoint 1829Whitman Park 17638

18

23

15

21

14

10

16

15

8

8

12

11

6

19

1

3

3

0

Assaultandgunshotvictimsby neighborhood

Page 44: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Marlton

Fairview

Cramer Hill

Parkside

Stockton

Beideman

BergenSquare

MorganVillage

Dudley

Rosedale

Gateway

Centerville

CooperPoint

Liberty Park

Waterfront South

CentralWaterfront

CBD

CooperGrant

151

146

142

142

138

96

94

94

93

71

67

56

55

55

34

28

5

3

LanningSquare 16119

PynePoint 1829Whitman Park 17638

18

23

15

21

14

10

16

15

8

8

12

11

6

19

1

3

3

0

Assaultandgunshotvictimsby neighborhood

Page 45: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

LanningSquare 16119

PynePoint 1829Whitman Park 17638

Marlton 15118Fairview 14623

Cramer Hill 14215Parkside 14221Stockton 13814

Beideman 9610BergenSquare 9416MorganVillage 9415

Dudley 938Rosedale 718Gateway 6712

Centerville 5611CooperPoint 556Liberty Park 5519

Waterfront South 341CentralWaterfront 283

CBD 53CooperGrant 30

Assaultandgunshotvictimsby neighborhood

Page 46: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

§3 Two Examples

Page 47: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Million Dollar Blocks in Camden?

Page 48: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000
Page 49: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Million Dollar Blocks in Camden?

Page 50: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000

Inpatient ED Combined

Top… Costs… %... Costs… %... Costs… %...

1% $625,707,571 14.8% $98,788,474 14.2% $1,423,144,665 28.9%

5% $1,618,105,782 38.3% $229,544,800 32.9% $2,962,885,535 60.1%

10% $2,247,066,066 53.1% $323,857,988 46.4% $3,667,599,172 74.4%

20% $2,921,326,865 69.1% $440,787,774 63.2% $4,316,182,439 87.6%

50% $3,767,609,356 89.1% $606,934,394 87.0% $4,792,810,163 97.3%

100% $4,229,501,896 $697,489,504 $4,926,991,400

Page 51: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000
Page 52: Visualization. V ISUALIZATION 0111010001101000 0110010100100000 0111010001110010 0111010101110100 0110100000100000 0110110101101001 0110011101101000