(GISDay 2018) 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 SFU / UBC GIS Day November 14, 2018 @mappingmashups // @stamen #GISDay sta.mn / cbp

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:
⚰ R.I.P.

PostGIS + CartoCSS What is really?

PostGIS + CartoCSS What is really? Because tomorrow is #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, ...

MPG Ranch Raptor Map raptortracker.mpgranch.com

raptor tracker sta.mn / 24k

railroads vs ladders

bird wires: latitude over time sta.mn / cch

Maps using Tilemill: Audubon climate change maps climate.audubon.org

climate.audubon.org sta.mn / wf9

Maps using MapboxGL: Culture Compass (coming soon at cast-sf.org)

Culture Compass  coming soon: cast-sf.org

Maps using MapboxGL: Superdiversity visualization with Max Planck Institute (coming
soon)

Maps using d3.js: Planet Labs sta.mn / nrq

sta.mn / nrq

Maps using three.js: Big Glass Mic vam.ac.uk / bigglassmic

Big Glass Mic vam.ac.uk / bigglassmic

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

meetup.com / OpenStreetMap-Vancouver (show up to a meeting!) meetup.com /
MaptimeYVR (you can get it started again!) Want to learn more?

Thank you! @mappingmashups @stamen #GISDay sta.mn / cbp

(GISDay 2018) Open Source Cartography: Blending...

(GISDay 2018) 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