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

American Panorama and beyond: Pushing the envelope with CARTO at Stamen Design (StanfordGISDay 2016)

American Panorama and beyond: Pushing the envelope with CARTO at Stamen Design (StanfordGISDay 2016)

Sorry, there are several animated gifs that don't show up here.

Alan McConchie

November 16, 2016
Tweet

More Decks by Alan McConchie

Other Decks in Technology

Transcript

  1. American Panorama
    and beyond:
    Pushing the envelope with
    CARTO at Stamen Design
    Alan McConchie
    #StanfordGISDay
    November 16, 2016
    @mappingmashups // @stamen // @carto
    http:// sta.mn / 2x

    View Slide

  2. Stamen

    View Slide

  3. PostGIS + CartoCSS + Mapnik

    View Slide

  4. PostGIS + CartoCSS + Mapnik




    ✨ ✨







    View Slide

  5. PostGIS + CartoCSS + Mapnik
    + an API!




    ✨ ✨








    View Slide

  6. View Slide

  7. View Slide

  8. American Panorama
    dsl.richmond.edu / panorama
    @americanpano

    View Slide

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

    View Slide

  10. sta.mn / yw2

    View Slide

  11. sta.mn / yw2

    View Slide

  12. sta.mn / yw2

    View Slide

  13. sta.mn / yw2

    View Slide

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

    View Slide

  15. View Slide

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

    View Slide

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

    View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. View Slide

  22. sta.mn / yw2

    View Slide

  23. sta.mn / yw2

    View Slide

  24. sta.mn / yw2

    View Slide

  25. sta.mn / yw2

    View Slide

  26. sta.mn / yw2

    View Slide

  27. Blue Greenway
    bluegreenway.org

    View Slide

  28. sta.mn / bh4

    View Slide

  29. sta.mn / bh4

    View Slide

  30. sta.mn / bh4

    View Slide

  31. sta.mn / bh4

    View Slide

  32. MPG Ranch Raptor Map
    raptortracker.mpgranch.com

    View Slide

  33. View Slide

  34. raptor tracker
    sta.mn / tkdj

    View Slide

  35. raptor tracker
    sta.mn / tkdj

    View Slide

  36. raptor tracker
    sta.mn / tkdj

    View Slide

  37. raptor tracker
    sta.mn / tkdj

    View Slide

  38. View Slide

  39. View Slide

  40. railroads vs ladders

    View Slide

  41. bird wires: latitude over time
    sta.mn / cch

    View Slide

  42. View Slide

  43. View Slide

  44. View Slide

  45. Harvesting social media
    for caliparks.org

    View Slide

  46. Instagram
    Twitter Flickr
    social media hexbins
    sta.mn / 73j

    View Slide

  47. Instagram
    Twitter Flickr
    social media hexbins
    sta.mn / 73j

    View Slide

  48. Instagram
    Twitter Flickr
    social media hexbins
    sta.mn / 73j

    View Slide

  49. Mapping buildings and parcels
    la.stamen.com

    View Slide

  50. la.stamen.com

    View Slide

  51. la.stamen.com
    la.stamen.com

    View Slide

  52. la.stamen.com
    la.stamen.com

    View Slide

  53. la.stamen.com
    la.stamen.com

    View Slide

  54. la.stamen.com
    la.stamen.com

    View Slide

  55. carto.com/basemaps
    Positron and Dark Matter

    View Slide

  56. Next for CARTO:
    CARTO Builder

    View Slide

  57. View Slide

  58. View Slide

  59. View Slide

  60. Thank you!
    @mappingmashups
    @stamen
    @carto
    http:// sta.mn / 2x

    View Slide