75
Dr Will Stahl-Timmins 20 May 2014 DATA VISUALISATION a brief introduction and practical workshop

WST visualisation workshop intro

Embed Size (px)

Citation preview

Page 1: WST visualisation workshop intro

Dr Will Stahl-Timmins

20 May 2014

DATA VISUALISATION a brief introduction and practical workshop

Page 2: WST visualisation workshop intro

Session outline

15:30 Intro presentation15:50 Workshop briefing With Liane Bradbrook & Kim Dowsett, UK Environment Agency16:10 Design workshop17:40 Group feedback18:00 Close

Page 3: WST visualisation workshop intro
Page 4: WST visualisation workshop intro
Page 5: WST visualisation workshop intro
Page 6: WST visualisation workshop intro

data visualisation

Page 7: WST visualisation workshop intro

charts / graphs

7%8%

10%

11%

29%

35%0

25

50

75

100

2007 2008 2009 2010

0

25

50

75

100

2007 2008 2009 2010

Page 8: WST visualisation workshop intro

charts / graphs

Page 9: WST visualisation workshop intro

charts / graphs

William Playfair (1759–1823)

Page 10: WST visualisation workshop intro

maps / data maps

Page 11: WST visualisation workshop intro

diagrams

Page 12: WST visualisation workshop intro

information graphics

Page 13: WST visualisation workshop intro

tower graphics

Page 14: WST visualisation workshop intro

tower graphics

http://www.angelamorelli.com/water/Angela Morelli

Page 15: WST visualisation workshop intro

infographics

Page 16: WST visualisation workshop intro

motion graphics

Page 17: WST visualisation workshop intro

motion graphicsRöysopp - Remind Me (Music video)

Page 18: WST visualisation workshop intro

interactives

Page 19: WST visualisation workshop intro

physical graphics (data sculpture)

Page 20: WST visualisation workshop intro
Page 21: WST visualisation workshop intro
Page 22: WST visualisation workshop intro
Page 23: WST visualisation workshop intro

6 mins

3 mins

RISK GROUP 1:STORMS & FLOODS

RISK GROUP 2:AIR QUALITY

mean viewtime (log10)

a b

KEY MEAN& 95% CI

ANOVASIGNIFICANT

(P < 0.05)

ANOVA NOTSIGNIFICANT

(P > 0.05)

CONTROLCONDITION

TEXTCONDITION

GRAPHICCONDITION

Page 24: WST visualisation workshop intro

80%

70%

60%

RISK GROUP 1:STORMS & FLOODS

RISK GROUP 2:AIR QUALITY

d

meanknowledge

KEY MEAN& 95% CI

ANOVASIGNIFICANT

(P < 0.05)

ANOVA NOTSIGNIFICANT

(P > 0.05)

CONTROLCONDITION

TEXTCONDITION

GRAPHICCONDITION

Page 25: WST visualisation workshop intro

28

21

14

RISK GROUP 1:STORMS & FLOODS

RISK GROUP 2:AIR QUALITY

cmean risk

perception

KEY MEAN& 95% CI

ANOVASIGNIFICANT

(P < 0.05)

ANOVA NOTSIGNIFICANT

(P > 0.05)

CONTROLCONDITION

TEXTCONDITION

GRAPHICCONDITION

Page 26: WST visualisation workshop intro

control graphictext

Mean knowledge

80%

70%

60%

50%

Error Bars: 95% CI

18-2

728

-37

38-4

748

-57

58-6

768

-77

18-2

728

-37

38-4

748

-57

58-6

768

-77

18-2

728

-37

38-4

748

-57

58-6

768

-77Age

group:

Page 27: WST visualisation workshop intro

remember the needs of your audience

Page 28: WST visualisation workshop intro

the simplest way to ensure a visualisation is appropriate for a particular audience is to test it

Page 29: WST visualisation workshop intro

elementsdata display:

Page 30: WST visualisation workshop intro

1 3 7 2

Page 31: WST visualisation workshop intro

1 3 7 2

Page 32: WST visualisation workshop intro

1 3 7 2

50px

150px

350px

100px

Page 33: WST visualisation workshop intro

1 3 7 2

50px

150px

350px

100px

the 1D size element

Page 34: WST visualisation workshop intro
Page 35: WST visualisation workshop intro

1 3 7 2

Page 36: WST visualisation workshop intro

1 3 7 2

area = 2500px2

area = 7500px2

area = 17500px2

area = 5000px2

Page 37: WST visualisation workshop intro

1 3 7 2

area = 2500px2

area = 7500px2

area = 17500px2

area = 5000px2

the area element

Page 38: WST visualisation workshop intro
Page 39: WST visualisation workshop intro

1 3 7 2the count element

Page 40: WST visualisation workshop intro

virtualwater.eu

Page 41: WST visualisation workshop intro
Page 42: WST visualisation workshop intro

1 3 7 2

Page 43: WST visualisation workshop intro

1 3 7 20

10

Page 44: WST visualisation workshop intro

1 3 7 20

10red =

green = blue =

2552310

red = green =

blue =

2551770

red = green =

blue =

255680

red = green =

blue =

2552050

red = green =

blue =

25500

red = green =

blue =

2552550

Page 45: WST visualisation workshop intro

1 3 7 20

10red =

green = blue =

2552310

red = green =

blue =

2551770

red = green =

blue =

255680

red = green =

blue =

2552050

red = green =

blue =

25500

the colour element

Page 46: WST visualisation workshop intro
Page 47: WST visualisation workshop intro

1 3 7 24 6 1 2

Page 48: WST visualisation workshop intro

1 3 7 24 6 1 2

0

10

Page 49: WST visualisation workshop intro

1 3 7 24 6 1 2

0

10

2 4 2 1

Page 50: WST visualisation workshop intro

1 3 7 24 6 1 22 4 2 1

0

10

1

2

3

4

Page 51: WST visualisation workshop intro

Gapminder - Hans Rosling

Page 52: WST visualisation workshop intro

plus text, images, other things…

Page 53: WST visualisation workshop intro

DATA VISUALISATION SPECIFICATION1. Aims

4. Finishing

2. Data

3. Form

AudienceWho will be viewing your graphic?Consider: Age, gender, profession,education, nationality, language,existing level of knowledge about the subject.

MessageWhat is the key “story” told by your visualisation. Why is it important? Are you sure it can’t be communicated better verbally?

TimingPublication date.Does your visualisation havea shelf life, or need updating?

Comparting quantitative magnitude: Size (bar charts), area (pie / bubble charts), symbols (Isotype diagram).

Showing trends over time:Position (line graphs), animation Spatial data:

maps (but also consider if category is more importantthan physical location).

Showing categories and heirarchy:Colour, linking, enclosing

ToneFormal Instructive

Data typesIs your data numerical?Heirarcical? Qualitative?Locational?

What data is available?Does it need to be cleaned?

Does more need to be collected?

Do you need to present everythingfor your key message to be understood?

Confidence / UncertaintiesHow certain is the data? What is on the horizon / could happen?

What do you want your audience to do?Do you need to show them where to findmore information?

Make sure you have provided a key.

Form © Will Stahl-Timmins 2014

Pragmatic Emotive Other

Intended results

KeyMake sure you credit everyone involved (including organisations / funders):

Credits

HeirarchyStand away from your screen or squint.What is the first thing that you see?Do you need a bigger title / key headings?

Static Print

Engagement

Some commonly used data displays

Delivery

Screen

Physical

Motion

Interactive

Size(s)

Desktop

Mobile

Tablet

Size 1D (e.g. bar chart)

2D (area)

3D (volume)

Position 1D (e.g. means plot)

2D (e.g. scatter plot)

3D (e.g. 3D scatter)

Data display elements

Colour CategoricalContiuous (colour scale)

Pictorial Symbol / illustrationPhotograph

Grouping Link linesEnclosure

Highlighting

Motion Animation (position, scale etc)

Video

Interaction User controls displayUser Provides data

Other

Page 54: WST visualisation workshop intro

production methods

Page 55: WST visualisation workshop intro

1. Use standard graph tools

2. Use existing specialist data visualisation tools

3. Do it by hand

4. Develop new specialist datavisualisation tools

5. Work with a professional information designer

Page 56: WST visualisation workshop intro

Software:

Illustrator InDesign Presentation software !

Premiere Flash !

Processing / D3 PhP / HTML5 Other programming languages

Stills {Motion}

Interactive{

Page 57: WST visualisation workshop intro

Stan’s Cafe: stanscafe.co.uk

Page 58: WST visualisation workshop intro

Data visualisation workshop

Page 59: WST visualisation workshop intro
Page 60: WST visualisation workshop intro

The Environment Agency, evidence and infographics…

Name Liane Bradbrook, Job Title Evidence Advisor Date May 2014 ! email [email protected]

Page 61: WST visualisation workshop intro

We are the Environment Agency We are an Executive Non-departmental Public Body responsible to the Secretary of State for Environment, Food and Rural Affairs. We protect and improve the environment and make it a better place for people and wildlife. We operate at the place where environmental change has its greatest impact on people’s lives. We reduce the risks to people and properties from flooding; make sure there is enough water for people and wildlife; protect and improve air, land and water quality and apply the environmental standards within which industry can operate. Acting to reduce climate change and helping people and wildlife adapt to its consequences are at the heart of all that we do. We cannot do this alone. We work closely with a wide range of partners including government, business, local authorities, other agencies, civil society groups and the communities we serve.

Page 62: WST visualisation workshop intro

The Environment Agency

Page 63: WST visualisation workshop intro

Our fundingGovernment provides 62 per cent of our funding. The remainder comes from charging schemes such as environmental permits, rod licences and boat fee’s. We spend around 55 per cent of our income on flood and coastal risk management 28 per cent on environmental protection 12 per cent on safeguarding water resources and 5 percent on fisheries, conservation and navigation.

Page 64: WST visualisation workshop intro

What does Evidence do?Research

Communities and Flooding Climate Change and Resource Efficiency Air, Land and Water Chemical Assessment Unit (UK environmental hazard & risk assessment expertise on behalf of Defra)

Data, Mapping, Modelling & Information

Statistics Modelling Directives Reporting Data Standards Data Sharing & Access Data Management Data Integrity Commercial Licensing

Monitoring, Analysis & Innovation

Monitoring Strategy Risk and Forecasting Innovation Catchment Sensitive Farming

Also: Economics, Social Science, Strategic Environmental Planning, Integrated Assessment, Partnerships and Engagement, Publishing and Support Services

Page 65: WST visualisation workshop intro

7

Our approach to visualisationComplex datasets &/or Visualisation for analysis

Narrative lead infographic products for engagement, more complex information. Some commissioned.

Developing in-house skills and capabilty, tackling non standard and custom graphics. Supporting incident response

Beyond excel standard outputs, Improving basic skills, making use of what we have: Powerpoint

Whe

re w

e ha

ve g

ot to

Strategy: Developing skills, interest and demand

Page 66: WST visualisation workshop intro

8

Developing skills: thinking visually - infographic CV’s

Page 67: WST visualisation workshop intro

Think Powerpoint is just for bullet points?

9

Page 68: WST visualisation workshop intro

10

Page 69: WST visualisation workshop intro

11

Page 70: WST visualisation workshop intro

Climate Change and Resource Efficiency !

Kim Dowsett, CCRE Team. !

Kim. [email protected]

Page 71: WST visualisation workshop intro

Act to reduce climate change

and its consequences

We help England and Wales meet greenhouse gas

emissions targets in ways that minimise other

environmental impacts

We help people and wildlife adapt to climate change and reduce its adverse impacts

We put reducing and adapting to climate change

at the heart of everything we do

Page 72: WST visualisation workshop intro

EA’s role in mitigation

Regulator of greenhouse gas emissions Regulator of low carbon technologies Deployment of low carbon infrastructure

Mitigation – reducing our greenhouse gas emissions through energy efficiency, reduced energy demand and renewable energy.

Page 73: WST visualisation workshop intro

EA’s role in adaptation

Adaptation action plans exist for all our functions We embed adaptation in Agency roles and functions in particular flood risk, water resources and biodiversity Help others to adapt through the Climate Ready support service

Adaptation - preparing for the unavoidable impacts of climate change

Page 74: WST visualisation workshop intro
Page 75: WST visualisation workshop intro

The challenges1. Catchment visualisation tool2. Displaying sea level rise projections3. Displaying future flows information4. Displaying climate projections for a particular geographical location5. Communicating risk6. What does an adapted business look like?7. Business & Supply Chains8. Habitat impacted by coastal squeeze and habitat creation targets?9. Extreme weather events timeline10. Financial impacts of climate/weather on the economy11. Food security12. How local authorities can adapt to changes in climate