Open Source Cartography: Blending Data and Design for the Next Generation of Online Maps

Open Source Cartography: Blending Data and Design for the Next
Generation of Online Maps Alan McConchie, Stamen Design Huxley College Speaker Series, Western Washington University November 16, 2017 @mappingmashups // @stamen #PostGISDay sta.mn / vrx

Open Source aka "Free Software"

"Think free as in free speech, not free beer." —
Richard Stallman

Just a few open source mapping tools and formats: QGIS
PostGIS CartoCSS Leaflet OpenLayers TileMill D3.js GeoJSON OpenStreetMap MapboxGL Tangram Maptime t-shirt sta.mn / v32

Tile renderer (Mapnik) Feature layers (CSV, GeoJSON, TopoJSON, KML) Leaflet
(or OpenLayers) Tile cache / server (TileServer, TileStache, Tessera) Database (PostGIS) Raster tiles <HTML> <javascript> <css> </HTML> Browser (Firefox, Chrome, Safari, IE) Styling language (CartoCSS) Vector data tiles OpenGL / WebGL Map Renderers (MapboxGL, Tangram) D3.js javascript mapping libraries javascript mapping libraries {.js} {.js} (non-map charts) canvas svg Don't read this whole chart now! Learn more at "Anatomy of a Web Map" sta.mn / qhg

Just a few companies with an open source business model:

PostGIS + CartoCSS What is really?

PostGIS + CartoCSS What is really? Because it's #PostGISDay!

American Panorama dsl.richmond.edu / panorama @americanpano

An interactive atlas of American history Built on CARTO +
d3.js Funded by the Mellon Foundation

sta.mn / yw2

synced tables from Google Sheets GeoJSON D3 charts map tiles
Leaﬂet markers, D3 overlays (svg + canvas) user interaction: react.js

EPSG: 2163 US National Atlas Equal-Area (Lambert Azimuthal)

SELECT cartodb_id, ST_Transform(the_geom_webmercator, 2163) AS the_geom_webmercator, ...

sta.mn / yw2

MPG Ranch Raptor Map raptortracker.mpgranch.com

raptor tracker sta.mn / 24k

railroads vs ladders

bird wires: latitude over time sta.mn / cch

sealevel.climatecentral.org sta.mn / 7bh

climate.audubon.org sta.mn / wf9

d3.js sta.mn / krr

sta.mn / nrq

Image: Tom Carden and Steve Coast, 2005 OpenStreetMap

OpenStreetMap

• OpenStreetMap: Every Line Ever sta.mn / rzx

Volunteered Geographic Information: amateurs

maps.stamen.com

Stamen Toner maps.stamen.com

Stamen Terrain maps.stamen.com

Stamen Watercolor maps.stamen.com

Watercolor process sta.mn / 622

maps for dawdling not for navigation

Mapping buildings and parcels la.stamen.com

Open Data la.stamen.com

la.stamen.com

North Sound OpenStreetMap meetup sta.mn / wx5

Thank you! @mappingmashups @stamen #PostGISDay sta.mn / vrx

Open Source Cartography: Blending Data and Desi...

Open Source Cartography: Blending Data and Design for the Next Generation of Online Maps

More Decks by Alan McConchie

Other Decks in Technology

Featured

Transcript