Dr Will Stahl-Timmins

20 May 2014

DATA VISUALISATION a brief introduction and practical workshop

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

data visualisation

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

charts / graphs

charts / graphs

William Playfair (1759–1823)

maps / data maps

diagrams

information graphics

tower graphics

tower graphics

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

infographics

motion graphics

motion graphicsRöysopp - Remind Me (Music video)

interactives

physical graphics (data sculpture)

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

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

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

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:

remember the needs of your audience

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

elementsdata display:

1 3 7 2

1 3 7 2

1 3 7 2

50px

150px

350px

100px

1 3 7 2

50px

150px

350px

100px

the 1D size element

1 3 7 2

1 3 7 2

area = 2500px2

area = 7500px2

area = 17500px2

area = 5000px2

1 3 7 2

area = 2500px2

area = 7500px2

area = 17500px2

area = 5000px2

the area element

1 3 7 2the count element

virtualwater.eu

1 3 7 2

1 3 7 20

10

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

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

1 3 7 24 6 1 2

1 3 7 24 6 1 2

0

10

1 3 7 24 6 1 2

0

10

2 4 2 1

1 3 7 24 6 1 22 4 2 1

0

10

1

2

3

4

Gapminder - Hans Rosling

plus text, images, other things…

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

production methods

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

Software:

Illustrator InDesign Presentation software !

Premiere Flash !

Processing / D3 PhP / HTML5 Other programming languages

Stills {Motion}

Interactive{

Stan’s Cafe: stanscafe.co.uk

Data visualisation workshop

The Environment Agency, evidence and infographics…

Name Liane Bradbrook, Job Title Evidence Advisor Date May 2014 ! email liane.bradbrook@environment-agency.gov.uk

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.

The Environment Agency

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.

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

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

8

Developing skills: thinking visually - infographic CV’s

Think Powerpoint is just for bullet points?

9

10

11

Climate Change and Resource Efficiency !

Kim Dowsett, CCRE Team. !

Kim. Dowsett@environment-agency.gov.uk

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

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.

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

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