1 of 86

Data Viz in the Upside Down

Armand Emamdjomeh

Washington Post

@emamd

Daniele Palumbo

BBC News

@danict89

Kennedy Elliott

National Geographic

@kennelliott

Martin Stabe

Financial Times

@martinstabe

2 of 86

bit.ly/data-upside-down

3 of 86

4 of 86

5 of 86

Why are we talking about this?

6 of 86

Source: FT

7 of 86

Source: TfL via�Time Out London

8 of 86

9 of 86

Source: BBC News

10 of 86

Where the sun rises in the South

Source: JohoMaps

11 of 86

Where the Sun Rises in the South

“For the duration of your visit to Montréal, you’ll need to accept local directional conventions, strange as they may seem. … [A]s far as locals are concerned, the river is south, with the U.S. not far off on the other side. Never mind that the river, in fact, runs almost north and south at this section. Don’t fight it: Face the river. That’s south. Turn around. That’s north. Because of this convention, Montréal is the only city in the world where the sun rises in the south.”

Source: Frommers

12 of 86

Vertical multi-viewport timelines

Source: XKCD

13 of 86

  1. Maps

14 of 86

15 of 86

Why do we make

“weird” maps?

16 of 86

Allow for more area to explore and display information

17 of 86

18 of 86

19 of 86

The rotation allows for a bigger map, and more labelling

20 of 86

Desktop

Mobile

Source: New York Times

21 of 86

Same-width comparison

22 of 86

This is not new or unusual

23 of 86

24 of 86

25 of 86

Responding to geography

26 of 86

27 of 86

West Bank

Downtown

Uptown

28 of 86

29 of 86

30 of 86

North!

31 of 86

North is down

32 of 86

North is every direction

33 of 86

34 of 86

Uncommon projections

35 of 86

To accentuate a place or geographic feature

36 of 86

37 of 86

Source: Deutsche Welle

38 of 86

Source: New York Times

39 of 86

Or let the user decide how they want to see the world

40 of 86

41 of 86

Mapping with a Z-axis

42 of 86

43 of 86

Risk of confusing or even offending readers

44 of 86

45 of 86

How to address xenographphobia

46 of 86

(The fear of unusual graphics / foreign chart types.)

47 of 86

48 of 86

49 of 86

Source: New York Times

50 of 86

Source: ProPublica

51 of 86

Ask yourself:

What’s the most important information you’re trying to show?

52 of 86

Adjust your visualization to match

53 of 86

2. Graphics

In the past we have more examples of data visualisations with a different perception of direction

Tableau de l’Histoire Universelle

Eugene Pick - 1858

54 of 86

Picture of Nations, Emma Willard, 1836

55 of 86

Chronographer of Ancient History, Emma Willard, 1851 - Source: Slate

56 of 86

When (and why)

we rotate today?

57 of 86

Source: Swiss Info

Timelines

58 of 86

Source: Bloomberg

Visualising dispersion and flux

59 of 86

Source: Reuters

Rotating charts: a case study

60 of 86

Source: The Economist

61 of 86

‘Houston, we have a (many) problem’

62 of 86

* Point out the value of experimentation

• Challenge assumption of lack of understanding.

• More information possible

• Experience native to new devices and notion that people won't scroll.

• Role in improving visual literacy levels

63 of 86

NASDAQ rollercoaster

64 of 86

Re-oriented story forms

65 of 86

66 of 86

67 of 86

68 of 86

What do these have in common?

69 of 86

Scroll is a metaphor for physical space

70 of 86

Source: Penguin

71 of 86

72 of 86

Orientation as point-of-view

73 of 86

Source: Fortune Magazine (via Jules Grandin), Teehan+Lax, New York Times

74 of 86

75 of 86

76 of 86

When is it best to depart from established and familiar convention?

77 of 86

78 of 86

How can we help our readers

navigate these pieces?

79 of 86

80 of 86

81 of 86

Some takeaways

  • Conventions take time to emerge and are not set in stone
    • new technical constraints and affordances will affect changes in conventions
  • Subverting conventions don’t make sense for everything
    • if done well, can lead to better comprehension of message
    • Sometimes this confuses the reader if not done well — so include instructions
  • Understand exactly what you want to get across
    • have a clear rationale so you can argue for it
    • research how it’s been used before to demonstrate that there is established practice�
  • Don’t be afraid of innovation: experiment and move the bar forward!

82 of 86

Data Viz in the Upside Down

bit.ly/data-upside-down

83 of 86

4. Discussion and take-aways

84 of 86

Source: FT

85 of 86

86 of 86