CS-5630 / CS-6630 Visualization Maps Alexander Lex - - PowerPoint PPT Presentation

▶
cs 5630 cs 6630 visualization maps
SMART_READER_LITE
LIVE PREVIEW

CS-5630 / CS-6630 Visualization Maps Alexander Lex - - PowerPoint PPT Presentation

Jul 18, 2023 325 likes •1.35k views

CS-5630 / CS-6630 Visualization Maps Alexander Lex alex@sci.utah.edu [xkcd] Principles Special type of Spatial Data Use maps when spatial relationships are paramount Map Tasks: Find Location / Feature (county, country, city, street) Find

slide-1
SLIDE 1

CS-5630 / CS-6630 Visualization Maps

Alexander Lex alex@sci.utah.edu

[xkcd]

slide-2
SLIDE 2

Principles

Special type of Spatial Data Use maps when spatial relationships are paramount Map Tasks:

Find Location / Feature (county, country, city, street) Find Route Identify attribute associated with location (elevation, land/water, GDP) Compare attributes between Locations/Features

slide-3
SLIDE 3

Do we really need a map?

slide-4
SLIDE 4

Do we really need a map?

It’s hard to do more complex things with maps Is the spatial context paramount?

slide-5
SLIDE 5

Map Projections

slide-6
SLIDE 6

Why projections?

Earth is a (flattened) Sphere Need to project or “unfold” the hull

  • f the sphere to fit onto paper/

screens Relevant attributes:

Area, Shape, Direction, 
 Bearing, Distance, Scale

slide-7
SLIDE 7

Mercartor Projection

Gerardus Mercator, 1569 Projection onto a cylinder wrapped around the globe conformal map projection; that is, angles are preserved. Lines of constant bearing are straight lines. Constant bearing means constant compass heading - developed for sailors

slide-8
SLIDE 8

D3 / M. Bostock

Mercator Projection

slide-9
SLIDE 9

Mercator Projection of Mars

Based on slide from Hanrahan

Circular craters map to circles

slide-10
SLIDE 10

Why Mercator is Problematic

Traditional map, used to teach geography Massive distortion of area distant from equator “unfair to the Global South, making places that are mostly trees, snow, and better-off white people look huge, and the places where most of the world’s population lives look puny"

http://giscollective.org/slippy-map-projections-explained/

slide-11
SLIDE 11

Mercartor Projection

Mercator works really great if you’re, say, Ferdinand Magellan looking for a compass bearing that will take you around Cape Horn, because all of the latitude and longitude lines and angles in between lay out nice and straight on the map like we experience them in real life. It also works well if you’re Google and you want a map image that you can neatly slice up into little squares that your server sends to a customer’s browser. North is always up, your hometown doesn’t look squished or slanted when you zoom in to it, and everybody’s happy.

http://giscollective.org/slippy-map-projections-explained/

slide-12
SLIDE 12

http://strangemaps.wordpress.com/2006/11/20/35-the-size-

  • f-africa/
slide-13
SLIDE 13

Mercartor Puzzle

slide-14
SLIDE 14

Caveat

Only a problem for large areas

Continents World

Distortion is not a problem on a state/city level

slide-15
SLIDE 15

Latitude-Longitude

Does not preserve angles Does not preserve areas Things are squashed 
 at the top and bottom

Snyder, “Flattening the Earth” Based on slide from Hanrahan

slide-16
SLIDE 16

Azimuthal Projections

Projection onto a plane tangent to the Earth angles are correct around the center point Great circles through the center are straight lines Radii correspond to true distances Sometimes see this in airline magazine centered around the hub

Radical Cartography

slide-17
SLIDE 17

D3 / M. Bostock

Azimuthal Equidistant

slide-18
SLIDE 18
slide-19
SLIDE 19

Winkel Tripel Projection

Modified azimuthal map projection averaged to cylindrical projection Minimizing three kinds of distortion:

area direction distance

Considered good projection for world maps, endorsed by National Geographic Society, used in Textbooks

slide-20
SLIDE 20
slide-21
SLIDE 21
slide-22
SLIDE 22

Albers Equal-Area

Shows areas correctly Distorts distances and shapes

D3 / M. Bostock

slide-23
SLIDE 23

Composite Projections

Bernhard Jenny

slide-24
SLIDE 24

Projections in D3

Many projections included:

https://github.com/d3/d3-geo/blob/ master/README.md#projections https://github.com/d3/d3-geo-projection/

slide-25
SLIDE 25

Unfolding The Earth

Idea: use small patches flatten them out Jarke van Wijk

http://www.win.tue.nl/~vanwijk/ myriahedral/

slide-26
SLIDE 26

Map Software / Navigation

slide-27
SLIDE 27

Mapping Software

Open StreetMap Google Maps

slide-28
SLIDE 28

Mashups

http://ucrime.com/ut/university%20of%20utah

slide-29
SLIDE 29

Navigation

Abstract Specific

slide-30
SLIDE 30

Landmarks & Paths

Based on slide from B. Tversky

slide-31
SLIDE 31

LineDrive, 2001

Straighten wiggly lines Turn directions to right angles Expand regions with turns Contract long straight roads Label carefully to avoid clutter Maintain overall orientation

[Agrawala & Stolte, 2001] Based on slide from Hanrahan

slide-32
SLIDE 32
slide-33
SLIDE 33

Choropleth Maps

slide-34
SLIDE 34

Principle

Area are shaded or patterned in proportion to measurement Each spatial unit is filled with a uniform color or pattern

slide-35
SLIDE 35

Charles Dupin, 1826

Early Choropleth Map

Illiteracy in France

slide-36
SLIDE 36

Kerry vs. Bush, 2004

Matthew Ericson, NY Times

slide-37
SLIDE 37

Challenge: Magnitude of Effect vs Perceived Effect

Matthew Ericson, NY Times

slide-38
SLIDE 38
slide-39
SLIDE 39
slide-40
SLIDE 40

Matthew Ericson, NY Times

slide-41
SLIDE 41

Matthew Ericson, NY Times

slide-42
SLIDE 42

Approach: Use a Prior, show difference

[Corell 2016]

mischief = property damage such as vandalism in Canada model of population density + accounting for variability when analyzing small numbers

slide-43
SLIDE 43

Approach: Use a Prior, show difference

[Corell 2016]

slide-44
SLIDE 44
slide-45
SLIDE 45

Baseball Territories

slide-46
SLIDE 46

Lakers Dominate Baskeball

slide-47
SLIDE 47

NYT

slide-48
SLIDE 48

Proportional Symbol Maps

slide-49
SLIDE 49

Alternative to Choropleth

Use a Symbol instead of color Scale symbol according to data

slide-50
SLIDE 50

Matthew Ericson, NY Times

slide-51
SLIDE 51
slide-52
SLIDE 52
slide-53
SLIDE 53
  • M. Ericson, NY Times
slide-54
SLIDE 54
  • M. Ericson, NY Times
slide-55
SLIDE 55
slide-56
SLIDE 56

National Geographic, Jan 2011

slide-57
SLIDE 57

FatFonts

http://fatfonts.org/

slide-58
SLIDE 58

NYT, 2010

slide-59
SLIDE 59

Visualizing Addresses of Gun Owners

Published after Connecticut school killings What are the ethics of visualization? Data is public: is making it accessible problematic?

http://learning.blogs.nytimes.com/2013/01/08/did-a-newspaper-act-irresponsibly-by-publishing-the-addresses-of-gun-owners/

slide-60
SLIDE 60

Contour (Isopleth) Maps

slide-61
SLIDE 61

Early Contour Map

Halley’s lines of equal magnetic declination, 1701

slide-62
SLIDE 62

Early Weather Map

Halley’s wind map, 1686

slide-63
SLIDE 63

Wind Map

slide-64
SLIDE 64

wikipedia.org

slide-65
SLIDE 65
  • M. Ericson, NY Times
slide-66
SLIDE 66

Design Critique: Necklace Maps

slide-67
SLIDE 67

Illegal Immigrants in the US Migration in the Netherlands

slide-68
SLIDE 68

Necklace Maps

Internet Users in Africa

slide-69
SLIDE 69

Cartograms

slide-70
SLIDE 70

Scale Distance by Data

Dent, “Cartography” Based on slide from Hanrahan

slide-71
SLIDE 71

Scale Area by Data

Dent, “Cartography” Based on slide from Hanrahan

slide-72
SLIDE 72

The World

Mark Newman, Univ. Michigan

slide-73
SLIDE 73

Population

Mark Newman, Univ. Michigan

slide-74
SLIDE 74

GDP

Mark Newman, Univ. Michigan

slide-75
SLIDE 75

Child Mortality

Mark Newman, Univ. Michigan

slide-76
SLIDE 76

Greenhouse Emissions

Mark Newman, Univ. Michigan

slide-77
SLIDE 77

Kerry vs. Bush 2004

Matthew Ericson, NY Times

slide-78
SLIDE 78

Rectangular Cartograms

World Population Cartogram Poster Drawn by Hand

slide-79
SLIDE 79

Bush vs. Kerry, 2004

Heilman, Keim, Panse, Sips, “RecMap: Rectangular Map Approximations” Based on image from Keim

slide-80
SLIDE 80

Heilman, Keim, Panse, Sips, “RecMap: Rectangular Map Approximations” Based on image from Keim

slide-81
SLIDE 81

NY Times

slide-82
SLIDE 82

Flow Maps

slide-83
SLIDE 83

Early Flow Map

Transportation of Passengers in Ireland Henry Drury Harness, 1837

slide-84
SLIDE 84
  • C. Minard, 1869
slide-85
SLIDE 85

Effect of US Civil War

  • n Cotton Trade

Milestones Project

slide-86
SLIDE 86
slide-87
SLIDE 87

Non-spatial Representation

slide-88
SLIDE 88
slide-89
SLIDE 89

Aggregation

slide-90
SLIDE 90

Data Driven Maps

slide-91
SLIDE 91

Data Driven Maps

Idea: don’t use a map to render on top Let the data make up the map

slide-92
SLIDE 92

ZipDecode

slide-93
SLIDE 93

Brandon Martin-Anderson, 2012

slide-94
SLIDE 94

ZipScribble

slide-95
SLIDE 95

Amsterdam RealTime

slide-96
SLIDE 96

SandDance

Arrange Particles
 to create visualizations

http://research.microsoft.com/en-us/projects/sanddance/

slide-97
SLIDE 97

Thematic Maps

slide-98
SLIDE 98

Strange Maps http://strangemaps.wordpress.com/

slide-99
SLIDE 99

http://xkcd.com/256/

2007

slide-100
SLIDE 100

http://xkcd.com/802/

2010

slide-101
SLIDE 101

One hour in front of the TV

Map by The Bumblebee http://www.flickr.com/photos/the_bumblebee/2229041742

slide-102
SLIDE 102

From Memory (was: Maps from Memory) http://www.flickr.com/groups/46079190@N00/