Data Storytelling Studio maps and creative maps

CMS631831 Rahul Bhargava

1

Agenda

[15] Fundamental Concepts Readings

[15] Teach to Learn sharing

[30] Inspirational examples

[15] Tools

[15] Datasets and team-forming

2

Agenda

[15] Fundamental Concepts Readings

[15] Teach to Learn sharing

[30] Inspirational examples

[15] Tools

[15] Datasets and team-forming

2

Fundamental Concepts

3

Technical Concepts Earth is a bumpy egg

Latitude Longitude (decimal vs degrees minutes seconds)

Projections (making the world flat)

Layers Points Polygons

Various formats for storing info

Shapefiles GeoJSON KML TopoJSON

Base Layers

Google Maps OpenStreetMap Stamen

Wikipedia Map Projections XKCD Public domain image Tiles vs Vectors Courtesy of xkcdcom License CC BY NC

4

Technical Concepts Earth is a bumpy egg

Latitude Longitude (decimal vs degrees minutes seconds)

Projections (making the world flat)

Layers Points Polygons

Various formats for storing info

Shapefiles GeoJSON KML TopoJSON

Base Layers

Google Maps OpenStreetMap Stamen

Wikipedia Map Projections XKCD Public domain image Tiles vs Vectors Courtesy of xkcdcom License CC BY NC

4

Maps are Political

Notes

The Map is the perfect symbol of the state - Mark Monmonier (How to Lie With Maps)

ThenMaps is a nifty tool for time-travellinghellip

But authorship is no longer a privilege

The West Wing copy Warner Bros Television All rights reserved This content is excluded from our Creative Commons license For more information see httpocwmiteduhelpfaq-fair-use

5

Graphical Inference Graphical Inference

Hadley Wickham Dianne Cook Heike Hofmann and Andreas Buja 2010 ldquoGraphical inference for infovisrdquo IEEE Transactions on Visualization and Computer Graphics 16 6 (2010) 973ndash979 DOIhttpdxdoiorg101109TVCG2010161 (PDF)

Image copy IEEE All rights reserved This content is excluded from our Creative Commons license For more information see httpocwmiteduhelpfaq-fair-use

6

Design Decisions

Jake Porway 2016 The Trials and Tribulations of Data Visualization for Good Markets For Good (March 2016) Courtesy of Jake Porway Licence CC BY NC

7

Choose Your Polygons Wisely Richard Casey Sadler ldquoHow ZIP codes nearly

masked the lead problem in Flintrdquo The Conversation September 19 2016

Image copy Richard Casey Sadler License CC BY ND This content is excluded from our Creative Commons license For more information see httpocwmiteduhelpfaq-fair-use

8

Readings

9

Find a partner that used the tool you didnt

Teach to Learn Take turns spending 7 minutes showing them how it works

Mapping in Tableau and Carto Interrupt a lot with questions

Switch

10

Inspirations

11

Traditional Maps Creative Maps

A visual representation of a set of geographic A visual representation of a set of geographic features based on their physical aspects features based on some attributes you specify

choropleth maps dot maps etc cartogram altered maps etc

12

Inspirations Traditional Maps

Bleeding Infestation Stephanie Evergreen Courtesy of Mark Herzfeld Used with permission

Million Dollar Blocks Spatial Image Design Lab

The Case for Reparations Ta Nehisi Coates (The Atlantic)

Images copy Laura Kurgan (left) Atlantic Monthly Group (above) NPR (right) All rights reserved This content is excluded from our Creative Commons license For more information see httpocwmiteduhelpfaq-fair-use

Why America s School have a Money Problem (NPR) 13

Find a partner that used the tool you didnt

Teach to Learn Take turns spending 7 minutes showing them how it works

Mapping in Tableau and Carto Interrupt a lot with questions

Switch

10

Inspirations

11

Traditional Maps Creative Maps

A visual representation of a set of geographic A visual representation of a set of geographic features based on their physical aspects features based on some attributes you specify

choropleth maps dot maps etc cartogram altered maps etc

12

Inspirations Traditional Maps

Bleeding Infestation Stephanie Evergreen Courtesy of Mark Herzfeld Used with permission

Million Dollar Blocks Spatial Image Design Lab

The Case for Reparations Ta Nehisi Coates (The Atlantic)

Images copy Laura Kurgan (left) Atlantic Monthly Group (above) NPR (right) All rights reserved This content is excluded from our Creative Commons license For more information see httpocwmiteduhelpfaq-fair-use

Why America s School have a Money Problem (NPR) 13

Inspirations

11

Traditional Maps Creative Maps

A visual representation of a set of geographic A visual representation of a set of geographic features based on their physical aspects features based on some attributes you specify

choropleth maps dot maps etc cartogram altered maps etc

12

Inspirations Traditional Maps

Bleeding Infestation Stephanie Evergreen Courtesy of Mark Herzfeld Used with permission

Million Dollar Blocks Spatial Image Design Lab

The Case for Reparations Ta Nehisi Coates (The Atlantic)

Images copy Laura Kurgan (left) Atlantic Monthly Group (above) NPR (right) All rights reserved This content is excluded from our Creative Commons license For more information see httpocwmiteduhelpfaq-fair-use

Why America s School have a Money Problem (NPR) 13

Traditional Maps Creative Maps

A visual representation of a set of geographic A visual representation of a set of geographic features based on their physical aspects features based on some attributes you specify

choropleth maps dot maps etc cartogram altered maps etc

12

Inspirations Traditional Maps

Bleeding Infestation Stephanie Evergreen Courtesy of Mark Herzfeld Used with permission

Million Dollar Blocks Spatial Image Design Lab

The Case for Reparations Ta Nehisi Coates (The Atlantic)

Images copy Laura Kurgan (left) Atlantic Monthly Group (above) NPR (right) All rights reserved This content is excluded from our Creative Commons license For more information see httpocwmiteduhelpfaq-fair-use

Why America s School have a Money Problem (NPR) 13

Inspirations Traditional Maps

Bleeding Infestation Stephanie Evergreen Courtesy of Mark Herzfeld Used with permission

Million Dollar Blocks Spatial Image Design Lab

The Case for Reparations Ta Nehisi Coates (The Atlantic)

Images copy Laura Kurgan (left) Atlantic Monthly Group (above) NPR (right) All rights reserved This content is excluded from our Creative Commons license For more information see httpocwmiteduhelpfaq-fair-use

Why America s School have a Money Problem (NPR) 13

Inspirations Creative Maps

Let s Tessellate Danny DeBelius (NPR)

Geography of Incarceration Redlining in Real Life The Archipelago of Palestine Josh Begley Jamaica Plain News Julien Bousac

Cartograms in d3js Shawn Allen (Stamen) copy from left to right Josh Begley (collection) + Google (each map thumbnail) Jamaica Plan News Julien Bousac Le Monde Diplomatique NPR Shawn Allen All rights reserved This content is excluded from our Creative Commons license For more information see httpocwmiteduhelpfaq-fair-use

14

Tools

15

easy to learn

ColorBrewer

Google Maps snapsat

CartoDB Tableau

does lots of things Mapbox TileMill

does one thing StoryMap

heatmapjs

QGIS ArcGIS Leaflet DataMaps

Kartograph

hard to learn tools for making maps

16

easy to learn

ColorBrewer

Google Maps snapsat

CartoDB Tableau

does lots of things Mapbox TileMill

does one thing StoryMap

heatmapjs

QGIS ArcGIS Leaflet DataMaps

Kartograph

hard to learn tools for making maps

16

Datasets

Somerville Tree Data

New York City Tree Data

Bee Colony Data (2017 historical)

NStar Gas Data leaks

NASA Artic Sea Ice (csv or geo)

17

What do you know

Team Forming What do you want to make

Find people to work with What dataset are you interested in

18

MIT OpenCourseWare httpsocwmitedu

CMS631 Data Storytelling Studio Climate Change Spring 2017

For information about citing these materials or our Terms of Use visit httpsocwmiteduterms

19

MIT OpenCourseWare httpsocwmitedu

CMS631 Data Storytelling Studio Climate Change Spring 2017

For information about citing these materials or our Terms of Use visit httpsocwmiteduterms

19