Designing Interactive Maps

Nikolas Wise

http://nikolas.ws

@nikolaswise

github.com/nikolaswise/pcc-lecture/

Signal / Noise

The Grain of the Medium

Map as Context

The map is a miniature that pivots around the body to represent the gigantic enormity of the physical world.

The map is a shorthand reference to things we already know

The map provides context for something we don't know

Simpliļ¬cation, Exaggeration, Separation

Interactions: An Extra Dimension

Lower Albina

Transportation Service Plan

How to Internet Map Tho

You're gonna need some data

CSV

GeoJSON

Shapefile

You're gonna need some JavaScript

Mapping Libraries

Getting the Job Done

  1. Get yer Data
  2. Put it on a Map
  3. Make it look good

Wait what does 'good' mean

Good Things in The Expanded Field

  1. Useful <--> Useless
  2. Simple <--> Complicated
  3. Ugly <--> Beautiful

This is data tho

4. True <--> Not True

Carto

https://carto.com/

ArcGIS

https://developers.arcgis.com/ http://www.arcgis.com/

Mapbox

https://www.mapbox.com/

LeafletJS

http://leafletjs.com/

D3

https://d3js.org/

Live Demos

Resources