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

Open Source Cartography: Blending Data and Desi...

Alan McConchie
November 16, 2017
Technology
1
600

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
NACIS 2024: Mapping History Using Digital Tools
almccon
0
18
NACIS 2024: The Past, Present, and Future of Stamen Maps
almccon
0
26
Rebuilding Stamen’s iconic map styles with Stadia Maps
almccon
0
220
2022 Hunter College Seminar in Geoinformatics
almccon
0
32
NACIS 2020: Mapping COVID-19 Coast to Coast, and Around the World
almccon
0
30
NACIS 2019: Cartography and Community in OpenStreetMap: Getting Native Reservations on the Map
almccon
1
350
(GISDay 2018) Open Source Cartography: Blending Data and Design for the Next Generation of Online Maps
almccon
0
180
Stamen Design: recent work
almccon
0
120
(NACIS 2017) Doing Cartography as Professional Amateurs
almccon
0
850

Other Decks in Technology

See All in Technology
いまならこう作りたい AWSコンテナ[本格]入門ハンズオン　〜2024年版 ハンズオンの構想〜
horsewin
9
2k
話題のGraphRAG、その可能性と課題を理解する
hide212131
4
1.4k
AWS CDKでデータリストアの運用、どのように設計する？～Aurora・EFSの実践事例を紹介～/aws-cdk-data-restore-aurora-efs
mhrtech
4
610
LLMアプリをRagasで評価して、Langfuseで可視化しよう！
minorun365
PRO
3
300
カメラを用いた店内計測におけるオプトインの仕組みの実現 / ai-optin-camera
cyberagentdevelopers
PRO
1
120
LeSSに潜む「隠れWF病」とその処方箋
lycorptech_jp
PRO
2
120
Emacs x Nostr
hakkadaikon
1
150
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
49k
顧客が本当に必要だったもの - パフォーマンス改善編 / Make what is needed
soudai
24
6.6k
サイロ化した金融システムを、packwerk を利用して無事故でリファクタリングした話
coincheck_recruit
3
3.6k
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
9
120k
プロダクトエンジニアが活躍する環境を作りたくて 事業責任者になった話 ~プロダクトエンジニアの行き着く先~
gimupop
1
440

Featured

See All Featured
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Code Reviewing Like a Champion
maltzj
519
39k
Making Projects Easy
brettharned
115
5.9k
Navigating Team Friction
lara
183
14k
The Cult of Friendly URLs
andyhume
78
6k
GraphQLとの向き合い方2022年版
quramy
43
13k
How to Think Like a Performance Engineer
csswizardry
19
1.1k
Statistics for Hackers
jakevdp
796
220k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
Agile that works and the tools we love
rasmusluckow
327
21k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
Documentation Writing (for coders)
carmenintech
65
4.4k

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