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

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

Alan McConchie
November 16, 2017
Technology
1
500

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

See All by Alan McConchie
2022 Hunter College Seminar in Geoinformatics
almccon
0
23
NACIS 2020: Mapping COVID-19 Coast to Coast, and Around the World
almccon
0
22
NACIS 2019: Cartography and Community in OpenStreetMap: Getting Native Reservations on the Map
almccon
1
310
(GISDay 2018) Open Source Cartography: Blending Data and Design for the Next Generation of Online Maps
almccon
0
140
Stamen Design: recent work
almccon
0
86
(NACIS 2017) Doing Cartography as Professional Amateurs
almccon
0
760
American Panorama and beyond: Pushing the envelope with CARTO at Stamen Design (StanfordGISDay 2016)
almccon
0
170
OpenStreetMap past(s), OpenStreetMap future(s) (AAG2016)
almccon
1
1k
A New Atlas of American History (USF 2016)
almccon
0
1.2k

Other Decks in Technology

See All in Technology
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
700
BPStudyの200回を中心にIT業界を振り返る。そしてこれから
haru860
3
360
「スニダン」開発組織の構造に込めた意図 ～組織作りはパッションや政治ではない！～
rinchsan
4
600
開発生産性大幅アップ！Postman VS Code拡張機能
nagix
3
550
Improve Your Development Workflow with Gemini Code Assist
meteatamel
0
120
Kernel MemoryでAzure OpenAI Serviceとお手軽データソース連携
mitsuzono
1
270
EM完全に理解した と思ったけど、 やっぱり何も分からなかった話 / EM Night Fukuoka #1
hirutas
0
140
競技としてのKaggle、役に立つKaggle
yu4u
6
2.2k
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
6
1.3k
Microsoft Intune 勉強会 第 2 回目
tamaiyutaro
2
350
R3のコードから見る実践LINQ実装最適化・コンカレントプログラミング実例
neuecc
3
1.4k
一生覚えておきたい「システム開発＝コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
2
240

Featured

See All Featured
Scaling GitHub
holman
457
140k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
GitHub's CSS Performance
jonrohan
1025
450k
Building Better People: How to give real-time feedback that sticks.
wjessup
356
18k
Fireside Chat
paigeccino
22
2.6k
What the flash - Photography Introduction
edds
64
11k
A better future with KSS
kneath
231
16k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Typedesign – Prime Four
hannesfritz
36
2.1k
Ruby is Unlike a Banana
tanoku
96
10k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Why Our Code Smells
bkeepers
PRO
331
56k

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. Open Source aka "Free Software"

  3. "Think free as in free speech, not free beer." —

    Richard Stallman

  4. 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

  5. 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

  6. Just a few companies with an open source business model:

  7. PostGIS + CartoCSS What is really?

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

  9. None
  10. None

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

  12. An interactive atlas of American history Built on CARTO +

    d3.js Funded by the Mellon Foundation

  13. sta.mn / yw2

  14. sta.mn / yw2

  15. sta.mn / yw2

  16. sta.mn / yw2

  17. synced tables from Google Sheets GeoJSON D3 charts map tiles

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

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

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

  21. None
  22. None
  23. None
  24. None

  25. sta.mn / yw2

  26. MPG Ranch Raptor Map raptortracker.mpgranch.com

  27. None

  28. raptor tracker sta.mn / 24k

  29. raptor tracker sta.mn / 24k

  30. raptor tracker sta.mn / 24k

  31. raptor tracker sta.mn / 24k

  32. None
  33. None

  34. railroads vs ladders

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

  36. sealevel.climatecentral.org sta.mn / 7bh

  37. None
  38. None

  39. climate.audubon.org sta.mn / wf9

  40. None
  41. None
  42. None

  43. d3.js sta.mn / krr

  44. sta.mn / nrq

  45. None
  46. None

  47. Image: Tom Carden and Steve Coast, 2005 OpenStreetMap

  48. OpenStreetMap

  49. • OpenStreetMap: Every Line Ever sta.mn / rzx

  50. Volunteered Geographic Information: amateurs

  51. None
  52. None

  53. maps.stamen.com

  54. Stamen Toner maps.stamen.com

  55. 55

  56. 56

  57. 57

  58. Stamen Terrain maps.stamen.com

  59. None
  60. None

  61. Stamen Watercolor maps.stamen.com

  62. None

  63. Watercolor process sta.mn / 622

  64. None
  65. None

  66. maps for dawdling not for navigation

  67. None
  68. None
  69. None

  70. Mapping buildings and parcels la.stamen.com

  71. Open Data la.stamen.com

  72. la.stamen.com

  73. None
  74. None
  75. None
  76. None
  77. None
  78. None
  79. None
  80. None
  81. None

  82. North Sound OpenStreetMap meetup sta.mn / wx5

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