Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Open Source Cartography: Blending Data and Desi...

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

(note, some of these slides are animated GIFs in the original version)

Video: https://vimeo.com/245809301

Presented at:
Huxley College Speaker Series,
Western Washington University
November 16, 2017
#PostGISDay

Details: https://huxley.wwu.edu/blog/huxley-college/huxley-speaker-series-mcconchie

Alan McConchie

November 16, 2017
Tweet

More Decks by Alan McConchie

Other Decks in Technology

Transcript

  1. 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
  2. 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
  3. 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
  4. An interactive atlas of American history Built on CARTO +

    d3.js Funded by the Mellon Foundation
  5. synced tables from Google Sheets GeoJSON D3 charts map tiles

    Leaflet markers, D3 overlays (svg + canvas) user interaction: react.js
  6. 55

  7. 56

  8. 57