1 of 173

1

Verortung von NachrichtenKurzeinstieg in Kartenerstellung für Journalist*innen

netzwerk recherche 19

2 of 173

2

Gregor Aisch

gregor@datawrapper.dekeybase.io/gka

Freelancing

2009 - 2013

Datawrapper

2012 - 2013

New York Times

2014 - 2017

Datawrapper

seit Nov. 2017

3 of 173

3

4 of 173

4

5 of 173

Das

Datawrapper

Team

6 of 173

Das

Datawrapper

Team

7 of 173

Das

Datawrapper

Team

8 of 173

Das

Datawrapper

Team

9 of 173

9

Wo ihr unser Büro in Berlin

findet

Raumerstr. 39

10 of 173

Was wir heute im �Workshop machen

90 - 120 Minuten

gka.me/nr19

11 of 173

11

Theorieteil:

  • Was sind Locator Maps?
  • Wann braucht man Locator Maps?
  • Was gibt es beim Erstellen von Locator Maps zu beachten?

Aufbau des nr19 Kartenworkshop

Praxisteil:

  • Mit Datawrapper eine einfache Locator Map erstellen
  • Eigene Linien und Flächen hinzufügen
  • Externe Geodaten von OpenStreetMap und anderen Quellen hinzufügen

12 of 173

Was sind

Locator Maps?

oder Verortungskarten

13 of 173

13

Das ist eine Locator Map!

Raumerstr. 39

14 of 173

14

Quelle: New York Times

15 of 173

15

Quelle: New York Times

16 of 173

16

Quelle: New York Times

17 of 173

17

Quelle: dpa

18 of 173

18

Wann braucht man�eine Locator Map?

19 of 173

19

Locator Maps eignen sich bei Nachrichten mit klarem Bezug zu einem Ort (Land, Region, Stadt, usw)

Weiß jemand wo die Republik Moldau ist?

20 of 173

20

Und die beiden Nachbarländer heißen?

21 of 173

21

An welchem Meer liegt die Ukraine und Rumänien noch mal?

22 of 173

22

Wer kennt die Hauptstadt von Moldau? Wie heißen die anderen beiden Städte?

23 of 173

23

Jetzt fehlt nur noch etwas mehr geographischer Kontext (Wasser, Wälder, Straßen, Urbane Flächen)

24 of 173

24

Und eventuell sollten wir das Land direkt bei dem Namen nennen, unter dem es alle Leser kennen?

25 of 173

25

Fertig ist die Locator Map!

26 of 173

26

Nachrichten mit gleich mehreren Orten in der Überschrift bieten sich besonders an!

27 of 173

27

Nachrichten mit gleich mehreren Orten in der Überschrift bieten sich besonders an!

28 of 173

28

“Drei Einsatzkräfte der französischen Seenotrettungsorganisation SNSM sind an der Westküste ums Leben gekommen, nachdem ihr Boot gekentert war. (...)�

Das Boot der Seenotretter war nur etwa 800 Meter vor der Küste während eines Unwetters gekentert, schrieb die zuständige Präfektur auf Twitter.”

29 of 173

29

“Drei Einsatzkräfte der französischen Seenotrettungsorganisation SNSM sind an der Westküste ums Leben gekommen, nachdem ihr Boot gekentert war. (...)�

Das Boot der Seenotretter war nur etwa 800 Meter vor der Küste während eines Unwetters gekentert, schrieb die zuständige Präfektur auf Twitter.”

Aus der Nachricht selbst ergibt sich keine Angabe, wo genau das Boot gekentert ist.

Vermutlich reicht das nicht für eine Karte.

30 of 173

30

?

“Das Boot der Seenotretter wurde später von den Brechern auf das felsige Ufer geworfen, die Aufbauten zertrümmert, der Rumpf offenbar noch in einem Stück. Vom Ufer schauten Bürger von Sable-d'Olonne zu, wie Rettungshubschrauber das Meer absuchten.“

Wir wissen aber, wo das Boot an Land geworfen wurde. Vielleicht hilft das dem Leser ja auch schon etwas weiter?

31 of 173

31

“Im Pazifik” ist aber definitiv nicht genug Information für eine Karte.

Im Pazifik ist es zu einem Beinahe-Zusammenstoß eines russischen mit einem US-amerikanischen Kriegsschiff gekommen.“

32 of 173

32

Karten sind nicht nur bei Nachrichten aus aller Welt sinnvoll.

Lokalnachrichten wie diese hier schreien förmlich danach...

33 of 173

33

Was gibt es bei Locator

Maps zu beachten?

34 of 173

34

Bei Eilmeldungen: erstmal schnell einen Punkt auf eine Karte bringen!

Die wichtigste Frage die wir beantworten wollen ist: Wo ist es passiert?

Eine Karte mit einem Punkt ist besser als gar keine Karte

Done is better than perfect.

Wenn die Karte erstmal in der Nachricht eingebettet ist, kann man sie immer noch verbessern.

siehe auch: Paretoprinzip

35 of 173

35

Gestalt-Prinzip:

Vordergrund (Figur) wird wahrgenommen

Hintergrund wird ausgeblendet.

Visuellen Kontrast schaffen Figur-Grund-Wahrnehmung

Den Effekt der nebenstehenden Kippfigur gilt es zu vermeiden.

Wir wollen dem Leser der Karte auf einen Blick klar machen was die "Figur" im Vordergrund ist, und was der Hintergrund.

36 of 173

36

Was ist Wasser?

Was ist Land?

Verbessern der Figur-Grund-Wahrnehmung

Bildquelle: geogra.uah.es �(nach Mistrick, 1990)

37 of 173

37

Verbessern der Figur-Grund-Wahrnehmung

Bildquelle: Wikipedia

Heterogenität

Umgebenheit

Kontur

Relative Größe

Konvexität

Orientierung

Die Heterogenität des Parkettbodens als Fläche unterstützt dessen Wahrnehmung als Figur im Vorder- grund

38 of 173

38

Verbessern der Figur-Grund-Wahrnehmung

Bildquelle: Wikipedia

Heterogenität

Umgebenheit

Kontur

Relative Größe

Konvexität

Orientierung

Eine Fläche die komplett von einer anderen umgeben ist wird eher als Figur wahr- genommen

39 of 173

39

Verbessern der Figur-Grund-Wahrnehmung

Heterogenität

Umgebenheit

Kontur

Relative Größe

Konvexität

Orientierung

Ein durch- gezogener Umriß unterstützt die Figurwahr- nehmung.

40 of 173

40

Verbessern der Figur-Grund-Wahrnehmung

Heterogenität

Umgebenheit

Kontur

Relative Größe

Konvexität

Orientierung

Kleinere, voll- kommen ein- geschlossene Karten werden eher als Figur wahrgenommen.

41 of 173

41

Inseln haben den praktischen Vorteil, von allein vollkommen eingeschlossen zu sein (von Wasser).

42 of 173

42

Bei Nicht-Inseln müssen wir die "Umgebenheit" künstlich er- zeugen, z.B. in dem wir das Land farblich hervor- heben,

43 of 173

43

+ Umgebenheit

44 of 173

44

+ Umgebenheit, + Heterogenität

45 of 173

45

Weniger ist mehr!

Beschriftungen �in Karten

46 of 173

46

Konventioneller Stadtplan aus Papier, versucht vor allem uns bei der Navigation zu unterstützen.

Deshalb ist auch jeder Millimeter mit einer Beschriftung gefüllt.

47 of 173

47

Online-Karten wie Google Maps sind ebenfalls auf Navi- gation und das Auffinden möglichst vieler Orte optimiert.

48 of 173

48

Eine Locator Map ist hingegen viel sparsamer mit Beschriftungen.

Es wird nur das beschriftet, was auch zum Lesen der Karte notwendig ist.

49 of 173

49

Eine Locator Map ist hingegen viel sparsamer mit Beschriftungen.

Es wird nur das beschriftet, was auch zum Lesen der Karte notwendig ist.

50 of 173

50

Eine Locator Map ist hingegen viel sparsamer mit Beschriftungen.

Es wird nur das beschriftet, was auch zum Lesen der Karte notwendig ist.

51 of 173

51

Oben: Locator Map aus einem SPIEGEL ONLINE Artikel. Viel zu viele Beschriftungen lenken den Leser ab.

Unten: Nachgebaute Locator Map mit genau vier Beschriftungen.

52 of 173

52

Visuelle Hierarchie in Beschriftungen

53 of 173

53

New York

New York

Jersey City

Connecticut

Hudson

Arthur Kill

Spar Kill

Manhattan

Manhattan

The Narrows

Palisades Park

Brooklyn

Long Island

Bronx

Palisades

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

54 of 173

54

New York

New York

Jersey City

Connecticut

Hudson

Arthur Kill

Spar Kill

Manhattan

Manhattan

The Narrows

Palisades Park

Brooklyn

Long Island

Bronx

Palisades

NEW YORK

New York

Jersey City

CONNECTICUT

Hudson

Arthur Kill

Spar Kill

MANHATTAN

Manhattan

The Narrows

Palisades Park

BROOKLYN

Long Island

BRONX

Palisades

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

55 of 173

55

New York

New York

Jersey City

Connecticut

Hudson

Arthur Kill

Spar Kill

Manhattan

Manhattan

The Narrows

Palisades Park

Brooklyn

Long Island

Bronx

Palisades

NEW YORK

New York

Jersey City

CONNECTICUT

Hudson

Arthur Kill

Spar Kill

MANHATTAN

Manhattan

The Narrows

Palisades Park

BROOKLYN

Long Island

BRONX

Palisades

NEW YORK

CONNECTICUT

New York

Jersey City

Spar Kill

Palisades Park

Hudson

Arthur Kill

The Narrows

MANHATTAN

BROOKLYN

BRONX

Manhattan

Long Island

Palisades

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

56 of 173

56

NEW YORK

CONNECTICUT

New York

New York

Jersey City

Connecticut

Hudson

Arthur Kill

Spar Kill

Manhattan

Manhattan

The Narrows

Palisades Park

Brooklyn

Long Island

Bronx

Palisades

NEW YORK

New York

Jersey City

CONNECTICUT

Hudson

Arthur Kill

Spar Kill

MANHATTAN

Manhattan

The Narrows

Palisades Park

BROOKLYN

Long Island

BRONX

Palisades

Bundesstaaten oder Länder

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

57 of 173

57

New York

New York

Jersey City

Connecticut

Hudson

Arthur Kill

Spar Kill

Manhattan

Manhattan

The Narrows

Palisades Park

Brooklyn

Long Island

Bronx

Palisades

NEW YORK

New York

Jersey City

CONNECTICUT

Hudson

Arthur Kill

Spar Kill

MANHATTAN

Manhattan

The Narrows

Palisades Park

BROOKLYN

Long Island

BRONX

Palisades

NEW YORK

CONNECTICUT

New York

Jersey City

Spar Kill

Palisades Park

Bundesstaaten oder Länder

Städte und Kleinstädte

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

58 of 173

58

New York

New York

Jersey City

Connecticut

Hudson

Arthur Kill

Spar Kill

Manhattan

Manhattan

The Narrows

Palisades Park

Brooklyn

Long Island

Bronx

Palisades

NEW YORK

New York

Jersey City

CONNECTICUT

Hudson

Arthur Kill

Spar Kill

MANHATTAN

Manhattan

The Narrows

Palisades Park

BROOKLYN

Long Island

BRONX

Palisades

NEW YORK

CONNECTICUT

New York

Jersey City

Spar Kill

Palisades Park

Hudson

Arthur Kill

The Narrows

Bundesstaaten oder Länder

Städte und Kleinstädte

Flüsse, Seen, Meere

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

59 of 173

59

New York

New York

Jersey City

Connecticut

Hudson

Arthur Kill

Spar Kill

Manhattan

Manhattan

The Narrows

Palisades Park

Brooklyn

Long Island

Bronx

Palisades

NEW YORK

New York

Jersey City

CONNECTICUT

Hudson

Arthur Kill

Spar Kill

MANHATTAN

Manhattan

The Narrows

Palisades Park

BROOKLYN

Long Island

BRONX

Palisades

NEW YORK

CONNECTICUT

New York

Jersey City

Spar Kill

Palisades Park

Hudson

Arthur Kill

The Narrows

MANHATTAN

BROOKLYN

BRONX

Bundesstaaten oder Länder

Städte und Kleinstädte

Flüsse, Seen, Meere

Zweitrangige politische

Namen

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

60 of 173

60

New York

New York

Jersey City

Connecticut

Hudson

Arthur Kill

Spar Kill

Manhattan

Manhattan

The Narrows

Palisades Park

Brooklyn

Long Island

Bronx

Palisades

NEW YORK

New York

Jersey City

CONNECTICUT

Hudson

Arthur Kill

Spar Kill

MANHATTAN

Manhattan

The Narrows

Palisades Park

BROOKLYN

Long Island

BRONX

Palisades

NEW YORK

CONNECTICUT

New York

Jersey City

Spar Kill

Palisades Park

Hudson

Arthur Kill

The Narrows

MANHATTAN

BROOKLYN

BRONX

Manhattan

Long Island

Palisades

Bundesstaaten oder Länder

Städte und Kleinstädte

Flüsse, Seen, Meere

Zweitrangige politische

Namen

Drittrangige Ortsnamen

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

61 of 173

61

New York ist eine Stadt

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

62 of 173

62

NEW YORK

New York ist auch ein Staat

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

63 of 173

63

Manhatten, die Insel

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

64 of 173

64

Manhattan, der Stadtbezirk

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

65 of 173

65

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

Der Hudson ist�ein Fluss

66 of 173

66

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

Central Park muss ein Park sein, aber...

67 of 173

67

Quelle: Malofiej-Vortrag von Laris Karklis (Washington Post)

...Palisades Park ist eine Stadt.

68 of 173

68

Punkte

Beschriftungen platzieren

Linien

Flächen

69 of 173

69

Punkt-Beschriftungen platzieren

Erste Wahl

70 of 173

70

Punkt-Beschriftungen platzieren

Erste Wahl

Zweite Wahl

71 of 173

71

Punkt-Beschriftungen platzieren

Erste Wahl

Zweite Wahl

Dritte Wahl

72 of 173

72

Punkt-Beschriftungen platzieren

Erste Wahl

Zweite Wahl

Dritte Wahl

Vierte Wahl

73 of 173

73

Punkt-Beschriftungen platzieren

Erste Wahl

Einige ziehen vor, dass die Beschriftung mit dem Symbol links- bzw. rechtsbündig abschließt.

74 of 173

74

Punkt-Beschriftungen platzieren

Erste Wahl

Zweite Wahl

Einige ziehen vor, dass die Beschriftung mit dem Symbol links- bzw. rechtsbündig abschließt.

75 of 173

75

Punkt-Beschriftungen platzieren

Dritte Wahl

Einige ziehen vor, dass die Beschriftung mit dem Symbol links- bzw. rechtsbündig abschließt.

76 of 173

76

Punkt-Beschriftungen platzieren

Dritte Wahl

Vierte Wahl

Einige ziehen vor, dass die Beschriftung mit dem Symbol links- bzw. rechtsbündig abschließt.

77 of 173

77

Punkt-Beschriftungen platzieren

Fünfte Wahl

78 of 173

78

Punkt-Beschriftungen platzieren

Fünfte Wahl

Sechste Wahl

79 of 173

79

Punkt-Beschriftungen platzieren

Fünfte Wahl

Sechste Wahl

Siebte Wahl

Das Problem an der horizontalen Platzierung ist, dass das Symbol vom Lesen der Beschriftung ablenkt. Der Effekt ist am stärksten, wenn man einen nicht ausgefüllten Kreis ○ als Symbol verwendet.

80 of 173

80

Punkt-Beschriftungen platzieren

Fünfte Wahl

Sechste Wahl

Siebte Wahl

Achte Wahl

Das Problem an der horizontalen Platzierung ist, dass das Symbol vom Lesen der Beschriftung ablenkt. Der Effekt ist am stärksten, wenn man einen nicht ausgefüllten Kreis ○ als Symbol verwendet.

81 of 173

81

Linien-Beschriftungen platzieren

Linien- Beschriftungen sollten möglichst oberhalb der Linie stehen und der Linie folgen.

82 of 173

82

Linien-Beschriftungen platzieren

Aus Platzgründen muss die Beschriftung aber ggf. auch mal unterhalb der Linie stehen.

83 of 173

83

Linien-Beschriftungen platzieren

Wilde Kurven eignen sich nicht besonders für Beschriftungen

84 of 173

84

Linien-Beschriftungen platzieren

Erste Wahl

Text in Karten sollte immer so horizontal wie möglich sein.

85 of 173

85

Linien-Beschriftungen platzieren

Erste Wahl

Zweite Wahl

Wenn Text gedreht werden muss, dann am besten so, daß er von rechts gelesen werden kann.

86 of 173

86

Linien-Beschriftungen platzieren

Erste Wahl

Zweite Wahl

Lieber nicht

Text sollte aber niemals auf dem Kopf stehen!

87 of 173

87

Linien-Beschriftungen platzieren

Erste Wahl

Zweite Wahl

Dritte Wahl

Stattdessen lieber so drehen, dass der Text von links aus gelesen werden kann.

Lieber nicht

88 of 173

88

Flächen-Beschriftungen platzieren

Erste Wahl

Flächen sollten nach Möglichkeit immer horizontal beschriftet werden. Der Text sollte möglichst mittig stehen und nicht mit den Rändern überlappen.

89 of 173

89

Flächen-Beschriftungen platzieren

Erste Wahl

Zweite

Wahl

Bei Platzmangel kann man den Text in zwei Zeilen umbrechen lassen und die Zeilen gegeneinander verschieben (mit Leerzeichen :), bis er in die Fläche passt.

90 of 173

90

Flächen-Beschriftungen platzieren

Erste Wahl

Zweite

Wahl

Dritte Wahl

Bei zu kleinen Flächen kann man die Beschriftung außerhalb der Fläche platzieren und mit einer Linie zum Mittelpunkt der Fläche verbinden.

91 of 173

91

Beschriftungen platzieren

Die Geografie diktiert die Platzierung der Beschriftungen.

Stadt A

Stadt B

Stadt D

Stadt E

Stadt C

Stadt F

92 of 173

92

Beschriftungen platzieren

Die Geografie diktiert die Platzierung der Beschriftungen.

Stadt A

Stadt B

Stadt D

Stadt E

Stadt C

Stadt F

93 of 173

93

Beschriftungen platzieren

Stadt A

Stadt B

Stadt C

Stadt D

Stadt E

Stadt F

Überschneidung von Beschriftungen mit anderen Elementen auf der Karte sollten vermieden werden.

94 of 173

94

Beschriftungen platzieren

Stadt A

Stadt B

Stadt C

Stadt D

Stadt F

Elemente auf dem Land sollten nach Möglichkeit auch auf dem Land beschriftet�werden.

Stadt E

95 of 173

95

Beschriftungen platzieren

Stadt A

Stadt B

Stadt C

Stadt D

Stadt F

Land / Region / Bundesland / etc. nicht vergessen

Stadt E

L A N D

96 of 173

96

Beschriftungen platzieren

Stadt A

Stadt B

Stadt C

Stadt D

Stadt F

Und ein wenig Geografie schadet auch nicht!

Stadt E

Fluß

L A N D

97 of 173

97

Beschriftungen platzieren

Stadt A

Stadt B

Stadt C

Stadt D

Stadt F

Stadt E

Fluß

Meer

L A N D

Und ein wenig Geografie schadet auch nicht!

98 of 173

98

Konsistenz ist wichtiger als alle Regeln!

99 of 173

99

Kartenausschnitt

geometrische Mitte

Kartenelemente sollten um das optische Zentrum herum angeordnet werden.

optische Mitte

100 of 173

100

geometrische Mitte

Kartenelemente sollten um das optische Zentrum herum angeordnet werden.

101 of 173

101

geometrische Mitte

Kartenelemente sollten um das optische Zentrum herum angeordnet werden.

optische Mitte

102 of 173

102

Kartenelemente sollten um das optische Zentrum herum angeordnet werden.

geometrische Mitte

optische Mitte

103 of 173

103

Abhängig davon, wie viel geographische Details wir haben und wie vertraut unsere Leser mit der Region sind.

Kartenausschnitt

104 of 173

104

Ein ausländisches Nachrichten-�medium würde vermutlich ganz Deutschland als Ausschnitt wählen.

105 of 173

105

Innerhalb von Deutschland kann man die Lage vom Bundesland Hessen voraussetzen (notfalls gibt es unten auch noch die Minimap)

Die relative Position zu Kassel und Frankfurt am Main zu nutze machen.

106 of 173

106

Einer regionalen Zeitung aus Kassel würde eine Karte wie diese aus- reichen.

107 of 173

107

Falls es weitere geographische Positionen gibt die relevant für die Nachricht sind lohnt sich ggf. auch eine Stadtkarte von Istha.

In dem Fall sollte aber immer eine Minimap vom Bundesland dabei sein (oder eine zweite Karte, die die Lage von Istha in Hessen zeigt).

Achtung: keine falsche Präzision darstellen!

108 of 173

108

Es gibt Karten wo eine Rotation sinnvoll ist, etwa um den Platz besser auszu- nutzen

Gedrehte Karten

109 of 173

109

Gedrehte Karten

Bei Rotationen von mehr als 45 Grad sollte unbedingt �ein Nordpfeil eingeblendet werden.

110 of 173

110

Bei Rotationen von mehr als 45 Grad sollte unbedingt �ein Nordpfeil eingeblendet werden.

Gedrehte Karten mit Nordpfeil

111 of 173

111

Übersichtskarten

Eine kleine Karte die in der Regel in einer Ecke der Karte sitzt und den geographischen Kontext des Kartenausschnittes zeigt.

112 of 173

112

Übersichtskarten

Eine kleine Karte die in der Regel in einer Ecke der Karte sitzt und den geographischen Kontext des Kartenausschnittes zeigt.

113 of 173

113

Übersichtskarten

Manchmal ist die Übersichtskarte auch genauso groß wie die eigentliche Karte.

Tipp: Wenn die Übersichtskarte zu voll gepackt ist, leidet Übersicht.

114 of 173

114

Übersichtskarten

Tipp: Wenn die Übersichtskarte zu voll gepackt ist, leidet Übersicht.

Hier ist die Übersichtskarte sogar größer...

115 of 173

115

Diese Karte hat gleich zwei Übersichtskarten. Die Pfeile helfen dabei, die Lese- reihenfolge zu erklären.

116 of 173

116

Noch ein Beispiel für mehrere Übersichts- karten.

Durch die horizontale Anordnung und die roten Rechtecke wird der Zusammenhang ersichtlich.

117 of 173

117

Im Zweifel kann man auch immer einfach einen Globus als Übersichtskarte nehmen.

118 of 173

118

Die Übersichtskarte ist am effektivsten, �wenn sie auch tatsächlich zusätzlichen Kontext liefert.

In diesem Beispiel sagt uns die Über- sichtskarte eigentlich nur, dass Iran in der Nähe von Saudi-Arabien liegt, was wir bereits aus der Hauptkarte entnehmen können.

119 of 173

119

Wenn die Lage und Geometrie einer Region hinreichend bekannt ist kann man auch Länder- umrisse selbst als Übersichtskarten verwenden.

120 of 173

120

Wichtig ist, dass die Leser der Karte mit der Übersichts- karte vertraut�sind.

Hier in Hamburg funktioniert der Stadtumriss von Hamburg. Wir wissen alle wo sich Hamburg in Deutschland und der Welt befindet.

121 of 173

121

In Kiev ist das vielleicht etwas weniger klar. Man muss wissen, das Kiev die Hauptstadt der Ukraine ist, und wo in Europa die Ukraine iegt.

122 of 173

122

3D Locator Maps

123 of 173

123

124 of 173

124

Ganze Länder oder Kontinente sollten niemals geneigt werden. Die Welt ist keine Scheibe!

125 of 173

125

Checkliste:

  1. Sind alle Beschriftungen und Symbole korrekt platziert? (zweite Karte als Referenz benutzen)
  2. Bei Nachrichten-Ereignissen:
  3. Sind alle Namen und Beschriftungen richtig geschrieben? (am besten von einer zweiten Person gegenlesen lassen)
  4. Wurden die richtigen Beschriftungs-Stile verwendet?

Das wichtigste zum Schluß:�Karte korrekturlesen!

126 of 173

126

Mit welchen Tools kann

man Locator Maps

erstellen?

127 of 173

127

GIS-Software zum Vorbereiten der Geodaten.

Adobe Illustrator für die Gestaltung der Karte (Typografie etc).

ai2html zum exportieren für das Internet.

ArcGIS

QGIS

Adobe

Illustrator

128 of 173

128

Online Tools:

maps4news.com

stepmap.de

datawrapper.de

flourish.studio

mappa.pro

editor.q.tools

Datawrapper

sowie hausinterne Tools, z.B. bei Zeit Online, SPIEGEL Online, Washington Post oder New York Times

129 of 173

129

Online Tools:

maps4news.com

stepmap.de

datawrapper.de

flourish.studio

mappa.pro

editor.q.tools

Datawrapper

130 of 173

130

Kurzeinführung in das Locator Map Werkzeug in Datawrapper.

Schritt 1:� "Create a map"

131 of 173

131

Schritt 2:

Locator Map auswählen.

132 of 173

Schritt 1: Marker hinzufügen

133 of 173

Schritt 2: Karte designen

134 of 173

Schritt 3: Titel und Legende

135 of 173

135

Willkommen im Locator Map Editor von Datawrapper.

Tipp: oben rechts die Sprache auf Deutsch einstellen

Klicken um in der Mitte der Karte �einen neuen �Marker zu �erstellen

Oder einen Ortsnamen oder Adresse eingeben

136 of 173

136

Übung 1:�Einfache Locator Map

mit Datawrapper erstellen

137 of 173

137

Übung 1

Arbeitsschritte:

  • Auf Deutschland�zoomen
  • Punkt für Hamburg hinzufügen
  • Deutschland�hervorheben
  • Globus hinzufügen
  • Beschriftungen für Deutschland und Nachbarländer hinzufügen

Ziel der Übung

138 of 173

138

In Schritt 1:

139 of 173

139

In Schritt 2:

140 of 173

Übung 2:�Eigene Linien und Flächen

mit geojson.io zeichnen und zur Karte hinzufügen

141 of 173

geojson.io

GeoJSON ist ein Textformat für geographische Daten

.json�.geojson

Was ist �GeoJSON?

142 of 173

142

geojson.io ist eine Webseite mit der man GeoJSON Daten ansehen und sogar "zeichnen" kann

http://geojson.io

Was ist �geojson.io?

143 of 173

143

Übung 2

Arbeitsschritte:

  • Karte anlegen
  • Auf NDR Gelände zoomen
  • 3D-Gebäude einschalten
  • zu geojson.io gehen und NDR Gelände einzeichnen
  • GeoJSON in die Karte importieren und stylen

Ziel der Übung

144 of 173

144

GeoJSON in Datawrapper�importieren

145 of 173

145

GeoJSON in Datawrapper�importieren

146 of 173

146

GeoJSON in Datawrapper�importieren

147 of 173

147

Übung 2

Schritte in geojson.io:

  • geojson.io öffnen
  • Karte auf NDR Gelände zoomen (falls noch nicht ist)
  • Auf Polygon Symbol klicken

148 of 173

148

Übung 2

Schritte in geojson.io:

  • geojson.io öffnen
  • Karte auf NDR Gelände zoomen
  • Auf Polygon Symbol klicken
  • Umrandung von NDR �Gelände abzeichnen

149 of 173

149

Übung 2

Schritte in geojson.io:

  • geojson.io öffnen
  • Karte auf NDR Gelände zoomen (falls noch nicht ist)
  • Auf Polygon Symbol klicken
  • Umrandung von NDR �Gelände abzeichnen
  • Text im nebenstehenden JSON Feld kopieren
  • In Datawrapper GeoJSON- Importer einfügen

150 of 173

150

Examples of Datawrapper locator maps that use the GeoJSON import

151 of 173

Übung 3:�Geodaten mit Overpass Turbo �von OpenStreetMap laden �und in Karte importieren

152 of 173

152

OpenStreetMap ist eine offene und gemeinschaftlich bearbeitete Karte von der Welt.

openstreetmap.org

Was ist �OpenStreetMap?

153 of 173

153

overpass-turbo.eu ist eine Webseite mit der man beliebige OpenStreetMap- Daten abrufen und als GeoJSON herunterladen kann.

https://overpass-turbo.eu/

Was ist �overpass-turbo.eu?

154 of 173

154

Übung 3a

Arbeitsschritte:

  • Karte anlegen und auf NDR Gelände zoomen
  • Umriss des NDR Gelände mit Hilfe von overpass-turbo.eu als GeoJSON herunterladen
  • Daten in Karte importieren

Ziel der Übung

155 of 173

155

156 of 173

156

Übung 3a

Schritte in Overpass Turbo:

  • overpass-turbo.eu öffnen
  • Karte auf rechter Seite auf NDR zoomen
  • Auf "Wizard" Button klicken

157 of 173

157

Übung 3a

Schritte in Overpass Turbo:

  • overpass-turbo.eu öffnen
  • Karte auf rechter Seite auf NDR zoomen
  • Auf "Wizard" Button klicken
  • id:22772558 in �Textfeld eingeben

158 of 173

158

Übung 3a

Schritte in Overpass Turbo:

  • overpass-turbo.eu öffnen
  • Karte auf rechter Seite auf NDR zoomen
  • Auf "Wizard" Button klicken
  • id:22772558 in �Textfeld eingeben
  • Mit "build and run query" die Suche starten

159 of 173

159

Übung 3a

Schritte in Overpass Turbo:

  • overpass-turbo.eu öffnen
  • Karte auf rechter Seite auf NDR zoomen
  • Auf "Wizard" Button klicken
  • id:22772558 in �Textfeld eingeben
  • Mit "build and run query" die Suche starten
  • Auf "Export" Button klicken
  • Auf "download as GeoJSON" klicken.

160 of 173

160

Übung 3b

Arbeitsschritte:

  • Hamburger U-Bahn Linien aus OSM als GeoJSON herunterladen
  • Daten in Karte importieren und �stylen

Ziel der Übung

161 of 173

161

Übung 3b

Schritte in Overpass Turbo:

  • overpass-turbo.eu öffnen
  • Karte auf rechter Seite auf Hamburg zoomen
  • Auf "Wizard" Button klicken
  • railway=subway in �Textfeld eingeben
  • Mit "build and run query" die Suche starten
  • Auf "Export" Button klicken
  • Auf "download as GeoJSON" klicken.

162 of 173

162

Bei OpenStreetMap Geodaten ist der schwierigste Teil herauszufinen, nach welchen "Tags" man suchen muss.

Es gibt ein Tool das bei der Suche hilft:

Tipp: OSM �"Tags" finden

163 of 173

Übung 4:�Daten aus Shapefiles in GeoJSON umwandeln und dann importieren

164 of 173

164

Übung 4

Arbeitsschritte

  • Waldbrandumriss von�USGS GeoMAC als Shapefile herunterladen
  • Shapefile in Mapshaper laden und als GeoJSON exportieren
  • In Karte importieren

Ziel der Übung

165 of 173

165

166 of 173

166

167 of 173

167

Übung 4

Arbeitsschritte

  • Waldbrandumriss von USGS GeoMAC als Shapefile herunterladen
  • Shapefile mit Mapshaper zu GeoJSON umwandeln
  • In Karte importieren

168 of 173

Zusammenfassung

Was wir gelernt haben

169 of 173

169

Figur-Grund-�Wahrnehmung

170 of 173

170

NEW YORK

CONNECTICUT

New York

Jersey City

Spar Kill

Palisades Park

Hudson

Arthur Kill

The Narrows

MANHATTAN

BROOKLYN

BRONX

Manhattan

Long Island

Palisades

Bundesstaaten oder Länder

Städte und Kleinstädte

Flüsse, Seen, Meere

Zweitrangige politische

Namen

Drittrangige Ortsnamen

Konsistente Beschriftungs- hierarchie verwenden

171 of 173

171

Beschriftungen ohne Überschneidungen, möglichst horizontal, und niemals �auf dem Kopf stehend

Stadt A

Stadt B

Stadt C

Stadt D

Stadt F

Stadt E

Fluß

Meer

Und ein wenig Geografie schadet auch nicht!

172 of 173

172

Checkliste:

  • Sind alle Beschriftungen und Symbole korrekt platziert? (zweite Karte als Referenz benutzen)
  • Bei Nachrichten-Ereignissen:
  • Sind alle Namen und Beschriftungen richtig geschrieben? (am besten von einer zweiten Person gegenlesen lassen)
  • Wurden die richtigen Beschriftungs-Stile verwendet?

Und niemals vergessen: �Karte korrekturlesen!

173 of 173

Ende

Präsentation:

gka.me/nr19

gregor@datawrapper.de�keybase.io/gka