1 of 32

Cartography & data visualisation -

A pictorial analysis of the impact of sea level rise in Hong Kong

kennethwong12.netlify.app

medium.com/@khwongk12

@Kenneth_KHW

​

Kenneth Wong

Department of Urban Planning & Design, HKU

HKIP Webinar -

Planning for Climate Change - Coastal Hazard Risk Assessment

May 2022

2 of 32

TL;DR

Sharing on: 1. How data visualisation could help to understand and discuss sea level rise; 2. Experiments done to visualise sea level rising; 3. Exploring possibility of mapping sea level rising with different data visualisation methods

2

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

3 of 32

About Me

  • Urban Planning Graduate
  • Teaching Assistant of the Master of Urban Analytics (MUA) Programme @ HKU
  • Geospatial Data Specialist & Cartographer
  • Writer of cities and built environment, with the lens of urban analytics

3

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

4 of 32

4

5 of 32

Part I -

Data visualisation - why and what

5

6 of 32

Data visualisation

What:

  • Graphical presentation of information and data

How:

  • Converts information into visual forms as quantifiable features (Charts & Maps)

Why:

  • Helps to amplify cognition, gain insights, discover, explain, and make decisions

6

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

7 of 32

What makes a good/bad data visualization?

A Good Data Visualization

  • Integrity: Information
  • Story: Attractiveness
  • Goal: Usefulness
  • Visual form: Beauty

A Bad Data Visualization

  • Substantive problems: bad data / story)
  • Aesthetic problems: bad design)
  • Perceptual problems: bad encoding)

​

7

– Excerpted from Adding Value with Graphics: Principles of Effective Data Visualization and Communication.

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

8 of 32

A good data visualisation creates impact

8

9 of 32

9

Image Source: https://showyourstripes.info/

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

10 of 32

10

Image Source: https://showyourstripes.info/

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

11 of 32

“These graphics are specifically designed to be as simple as possible, and to start conversations about our warming world and the risks of climate change. There are numerous sources of information which provide more specific details about how temperatures have changed, so these graphics fill a gap and enable communication with minimal scientific knowledge required to understand their meaning.”

– https://showyourstripes.info/faq

​

11

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

12 of 32

How maps and charts could be used in community planning and coastal hazard risk?

12

13 of 32

Part II -

Some attempts of mapping and charting sea level rise in Hong Kong

13

14 of 32

3D Model + Animation

14

Link to Article: https://khwongk12.medium.com/submerging-the-metropolis-ec6dda7d4af8

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

15 of 32

3D Model + Animation

15

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

16 of 32

16

17 of 32

Amount of flooded area

17

Size of Hong Kong International Airport (12.55 sq.km.)

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

18 of 32

Sponge City

18

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

19 of 32

Sponge City

19

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

20 of 32

Sponge City

20

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

21 of 32

Sponge City

21

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

22 of 32

Part III -

Possible approaches to raise the sea level rise conservation

22

23 of 32

23

Image Source: http://www.landscapemetrics.com/static/projects/sealevel/index.ca0e1a50552d.html (left)

https://informationisbeautiful.net/visualizations/when-sea-levels-attack-2/ (right)

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

24 of 32

24

http://www.landscapemetrics.com/static/projects/sealevel/index.ca0e1a50552d.html

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

25 of 32

Wrap it up

25

26 of 32

How I perceive data visualisation

  • A different angle to understand cities
  • A way to inform the public
  • The best of best worlds:
    • High-level analysis and simulation with advanced modelling from Consultancy and Government
    • Simplified way to create inform the public

26

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

27 of 32

Caveat

  • Views are my own
  • Things are mostly my personal, individual works
  • Although there could have many ideas, the outputs could be half-baked

27

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

28 of 32

Caveat

  • Views are my own
  • Things are mostly my personal, individual works
  • Although there could have many ideas, the outputs could be half-baked

​

​

28

But I believe map and charts plays important role in understanding and discussing sea level rise

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

29 of 32

Thanks!

​

kennethwong12.netlify.app

medium.com/@khwongk12

@Kenneth_KHW

​

29

Medium

Portfolio

30 of 32

Appendix

30

31 of 32

Reference

  • Adding Value with Graphics: Principles of Effective Data Visualization and Communication.
    • https://www.cedricscherer.com/slides/BiB_2022_EffectiveDataCommunication.pdf
  • #ShowYourStripes
    • https://showyourstripes.info/
  • Advancing Waters: Tracking Potential Vulnerability to Sea Level Rise Across NYC
  • Submerging the Metropolis - Mapping and animating how sea level rising floods the urban area of Hong Kong

​

​

31

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong

32 of 32

Q: What makes a good chart?

32

Image Source: https://www.informationisbeautiful.net/visualizations/what-makes-a-good-data-visualization

Cartography & data visualisation - A pictorial analysis of the impact of sea level rise in Hong Kong