Courtney Yatteau
@cyatteau.bsky.social
Developer Advocate at Esri | International Conference Speaker | Former Math/CS Educator | opinions = my own | http://youtube.com/@c_yatteau
Happy Geography Awareness Week!
Join me all week to learn how to use the ArcGIS Maps SDK for JavaScript web components. No coding experience required 😉
Day 1 video is already up!
Get started on YouTube: youtube.com/shorts/4digx...
#ArcGIS #maps #coding #GIS #JavaScript
Join me all week to learn how to use the ArcGIS Maps SDK for JavaScript web components. No coding experience required 😉
Day 1 video is already up!
Get started on YouTube: youtube.com/shorts/4digx...
#ArcGIS #maps #coding #GIS #JavaScript
November 18, 2025 at 4:46 AM
Happy Geography Awareness Week!
Join me all week to learn how to use the ArcGIS Maps SDK for JavaScript web components. No coding experience required 😉
Day 1 video is already up!
Get started on YouTube: youtube.com/shorts/4digx...
#ArcGIS #maps #coding #GIS #JavaScript
Join me all week to learn how to use the ArcGIS Maps SDK for JavaScript web components. No coding experience required 😉
Day 1 video is already up!
Get started on YouTube: youtube.com/shorts/4digx...
#ArcGIS #maps #coding #GIS #JavaScript
Day 1 of my 5-day mini series for Geography Awareness Week is live. 📽️
Starting the series with a simple setup: build a fully interactive map using the ArcGIS Maps SDK for JavaScript with a single HTML element.
Watch: www.youtube.com/watch?v=cyN8...
#ArcGIS #GIS #JavaScript #webdevelopment #maps
Starting the series with a simple setup: build a fully interactive map using the ArcGIS Maps SDK for JavaScript with a single HTML element.
Watch: www.youtube.com/watch?v=cyN8...
#ArcGIS #GIS #JavaScript #webdevelopment #maps
November 18, 2025 at 4:01 AM
Day 1 of my 5-day mini series for Geography Awareness Week is live. 📽️
Starting the series with a simple setup: build a fully interactive map using the ArcGIS Maps SDK for JavaScript with a single HTML element.
Watch: www.youtube.com/watch?v=cyN8...
#ArcGIS #GIS #JavaScript #webdevelopment #maps
Starting the series with a simple setup: build a fully interactive map using the ArcGIS Maps SDK for JavaScript with a single HTML element.
Watch: www.youtube.com/watch?v=cyN8...
#ArcGIS #GIS #JavaScript #webdevelopment #maps
It's the start of 𝗚𝗲𝗼𝗴𝗿𝗮𝗽𝗵𝘆 𝗔𝘄𝗮𝗿𝗲𝗻𝗲𝘀𝘀 𝗪𝗲𝗲𝗸 (Nov 17-21)! To celebrate, I'm launching a 5-day mini video series on building maps for the web using ArcGIS JS SDK web components in CodePen. Beginner friendly!
See the intro: www.youtube.com/watch?v=T7VZ...
#ArcGIS #maps #geography #coding #JavaScript
See the intro: www.youtube.com/watch?v=T7VZ...
#ArcGIS #maps #geography #coding #JavaScript
November 18, 2025 at 2:27 AM
It's the start of 𝗚𝗲𝗼𝗴𝗿𝗮𝗽𝗵𝘆 𝗔𝘄𝗮𝗿𝗲𝗻𝗲𝘀𝘀 𝗪𝗲𝗲𝗸 (Nov 17-21)! To celebrate, I'm launching a 5-day mini video series on building maps for the web using ArcGIS JS SDK web components in CodePen. Beginner friendly!
See the intro: www.youtube.com/watch?v=T7VZ...
#ArcGIS #maps #geography #coding #JavaScript
See the intro: www.youtube.com/watch?v=T7VZ...
#ArcGIS #maps #geography #coding #JavaScript
Day 14: 30 Day Map Challenge - Data: OpenStreetMap
Zoomed-in walkable cores for DC, Amsterdam, Tokyo, and London. I used Overpass to pull OSM footways, pedestrian streets, and steps, styled on top of an ArcGIS dark basemap.
codepen.io/cyatteau/pen...
#30DayMapChallenge #Esri #Leaflet #ArcGIS #OSM
Zoomed-in walkable cores for DC, Amsterdam, Tokyo, and London. I used Overpass to pull OSM footways, pedestrian streets, and steps, styled on top of an ArcGIS dark basemap.
codepen.io/cyatteau/pen...
#30DayMapChallenge #Esri #Leaflet #ArcGIS #OSM
November 17, 2025 at 6:03 PM
Day 14: 30 Day Map Challenge - Data: OpenStreetMap
Zoomed-in walkable cores for DC, Amsterdam, Tokyo, and London. I used Overpass to pull OSM footways, pedestrian streets, and steps, styled on top of an ArcGIS dark basemap.
codepen.io/cyatteau/pen...
#30DayMapChallenge #Esri #Leaflet #ArcGIS #OSM
Zoomed-in walkable cores for DC, Amsterdam, Tokyo, and London. I used Overpass to pull OSM footways, pedestrian streets, and steps, styled on top of an ArcGIS dark basemap.
codepen.io/cyatteau/pen...
#30DayMapChallenge #Esri #Leaflet #ArcGIS #OSM
Day 13: 30 Day Map Challenge - 10 minute map
A quick app that maps what you can reach within a 10 minute walk from any point on Earth. Search or click the map and the walk shed is generated using the ArcGIS Routing service.
codepen.io/cyatteau/pen...
#30DayMapChallenge #Leaflet #ArcGIS #maps
A quick app that maps what you can reach within a 10 minute walk from any point on Earth. Search or click the map and the walk shed is generated using the ArcGIS Routing service.
codepen.io/cyatteau/pen...
#30DayMapChallenge #Leaflet #ArcGIS #maps
November 16, 2025 at 7:08 PM
Day 13: 30 Day Map Challenge - 10 minute map
A quick app that maps what you can reach within a 10 minute walk from any point on Earth. Search or click the map and the walk shed is generated using the ArcGIS Routing service.
codepen.io/cyatteau/pen...
#30DayMapChallenge #Leaflet #ArcGIS #maps
A quick app that maps what you can reach within a 10 minute walk from any point on Earth. Search or click the map and the walk shed is generated using the ArcGIS Routing service.
codepen.io/cyatteau/pen...
#30DayMapChallenge #Leaflet #ArcGIS #maps
Day 12: 30 Day Map Challenge 2025 - Map from 2025
A field guide from a future time travel agency: this app maps "time tourist hotspots" around the world, where each city is tied to a favorite era to visit and a short note about the vibes.
codepen.io/cyatteau/pen...
#30DayMapChallenge #GIS #maps
A field guide from a future time travel agency: this app maps "time tourist hotspots" around the world, where each city is tied to a favorite era to visit and a short note about the vibes.
codepen.io/cyatteau/pen...
#30DayMapChallenge #GIS #maps
November 16, 2025 at 6:52 PM
Day 12: 30 Day Map Challenge 2025 - Map from 2025
A field guide from a future time travel agency: this app maps "time tourist hotspots" around the world, where each city is tied to a favorite era to visit and a short note about the vibes.
codepen.io/cyatteau/pen...
#30DayMapChallenge #GIS #maps
A field guide from a future time travel agency: this app maps "time tourist hotspots" around the world, where each city is tied to a favorite era to visit and a short note about the vibes.
codepen.io/cyatteau/pen...
#30DayMapChallenge #GIS #maps
Day 11: 30 Day Map Challenge – Minimal map
A minimal map that displays a single country outline. Boundaries come from an ArcGIS feature layer, the dropdown loads automatically, and the light vector basemap keeps the focus on the shape.
codepen.io/cyatteau/pen...
#30DayMapChallenge #GIS #Leaflet
A minimal map that displays a single country outline. Boundaries come from an ArcGIS feature layer, the dropdown loads automatically, and the light vector basemap keeps the focus on the shape.
codepen.io/cyatteau/pen...
#30DayMapChallenge #GIS #Leaflet
November 14, 2025 at 1:23 AM
Day 11: 30 Day Map Challenge – Minimal map
A minimal map that displays a single country outline. Boundaries come from an ArcGIS feature layer, the dropdown loads automatically, and the light vector basemap keeps the focus on the shape.
codepen.io/cyatteau/pen...
#30DayMapChallenge #GIS #Leaflet
A minimal map that displays a single country outline. Boundaries come from an ArcGIS feature layer, the dropdown loads automatically, and the light vector basemap keeps the focus on the shape.
codepen.io/cyatteau/pen...
#30DayMapChallenge #GIS #Leaflet
Day 10: 30 Day Map Challenge - Air
I explored the new FlowRenderer-in-3D in ArcGIS JS SDK 4.34 by customizing the official wind sample with mood presets, a perspective toggle, and a purple glow ramp.
Sample: lnkd.in/eUVz4HHK
My app code: lnkd.in/ewzcAphE
#ArcGIS #JS #Esri #3D #30DayMapChallenge
I explored the new FlowRenderer-in-3D in ArcGIS JS SDK 4.34 by customizing the official wind sample with mood presets, a perspective toggle, and a purple glow ramp.
Sample: lnkd.in/eUVz4HHK
My app code: lnkd.in/ewzcAphE
#ArcGIS #JS #Esri #3D #30DayMapChallenge
November 13, 2025 at 8:49 PM
Day 10: 30 Day Map Challenge - Air
I explored the new FlowRenderer-in-3D in ArcGIS JS SDK 4.34 by customizing the official wind sample with mood presets, a perspective toggle, and a purple glow ramp.
Sample: lnkd.in/eUVz4HHK
My app code: lnkd.in/ewzcAphE
#ArcGIS #JS #Esri #3D #30DayMapChallenge
I explored the new FlowRenderer-in-3D in ArcGIS JS SDK 4.34 by customizing the official wind sample with mood presets, a perspective toggle, and a purple glow ramp.
Sample: lnkd.in/eUVz4HHK
My app code: lnkd.in/ewzcAphE
#ArcGIS #JS #Esri #3D #30DayMapChallenge
Day 9: 30 Day Map Challenge - Analog
A movable lens contrasts the ArcGIS Topographic basemap styled like ink on paper with the Imagery basemap of real satellite pixels. Toggle texture or swap layers to feel analog-style cartography beside a digital view.
codepen.io/cyatteau/pen...
#GIS #Maps
A movable lens contrasts the ArcGIS Topographic basemap styled like ink on paper with the Imagery basemap of real satellite pixels. Toggle texture or swap layers to feel analog-style cartography beside a digital view.
codepen.io/cyatteau/pen...
#GIS #Maps
November 12, 2025 at 4:13 PM
Day 9: 30 Day Map Challenge - Analog
A movable lens contrasts the ArcGIS Topographic basemap styled like ink on paper with the Imagery basemap of real satellite pixels. Toggle texture or swap layers to feel analog-style cartography beside a digital view.
codepen.io/cyatteau/pen...
#GIS #Maps
A movable lens contrasts the ArcGIS Topographic basemap styled like ink on paper with the Imagery basemap of real satellite pixels. Toggle texture or swap layers to feel analog-style cartography beside a digital view.
codepen.io/cyatteau/pen...
#GIS #Maps
Day 8: 30 Day Map Challenge - Urban
I mapped neighborhoods in Boston, London, and Toronto to show how each city's layout creates a unique texture. Built with the ArcGIS Maps SDK for JavaScript and Calcite components for easy city and style changes.
codepen.io/cyatteau/pen...
#ArcGIS #GIS #Map #JS
I mapped neighborhoods in Boston, London, and Toronto to show how each city's layout creates a unique texture. Built with the ArcGIS Maps SDK for JavaScript and Calcite components for easy city and style changes.
codepen.io/cyatteau/pen...
#ArcGIS #GIS #Map #JS
November 12, 2025 at 1:44 PM
Day 8: 30 Day Map Challenge - Urban
I mapped neighborhoods in Boston, London, and Toronto to show how each city's layout creates a unique texture. Built with the ArcGIS Maps SDK for JavaScript and Calcite components for easy city and style changes.
codepen.io/cyatteau/pen...
#ArcGIS #GIS #Map #JS
I mapped neighborhoods in Boston, London, and Toronto to show how each city's layout creates a unique texture. Built with the ArcGIS Maps SDK for JavaScript and Calcite components for easy city and style changes.
codepen.io/cyatteau/pen...
#ArcGIS #GIS #Map #JS
Day 7: 30 Day Map Challenge - Accessibility
A map that speaks your language. Built with Esri Leaflet and the ArcGIS Basemap Styles service, this app lets users switch place labels into any of 30+ languages. Inclusivity check ✔️
See the code: codepen.io/cyatteau/pen...
#Maps #Leaflet #ArcGIS
A map that speaks your language. Built with Esri Leaflet and the ArcGIS Basemap Styles service, this app lets users switch place labels into any of 30+ languages. Inclusivity check ✔️
See the code: codepen.io/cyatteau/pen...
#Maps #Leaflet #ArcGIS
November 11, 2025 at 8:53 PM
Day 7: 30 Day Map Challenge - Accessibility
A map that speaks your language. Built with Esri Leaflet and the ArcGIS Basemap Styles service, this app lets users switch place labels into any of 30+ languages. Inclusivity check ✔️
See the code: codepen.io/cyatteau/pen...
#Maps #Leaflet #ArcGIS
A map that speaks your language. Built with Esri Leaflet and the ArcGIS Basemap Styles service, this app lets users switch place labels into any of 30+ languages. Inclusivity check ✔️
See the code: codepen.io/cyatteau/pen...
#Maps #Leaflet #ArcGIS
Day 6: 30 Day Map Challenge - Dimensions
I used two dimensions together: cylinder height = data value, and radius = enriched area. Click to fetch local facts with the ArcGIS GeoEnrichment service, adjust radius or height scale, and hover to explore stats.
codepen.io/cyatteau/pen...
#Maps #ArcGIS
I used two dimensions together: cylinder height = data value, and radius = enriched area. Click to fetch local facts with the ArcGIS GeoEnrichment service, adjust radius or height scale, and hover to explore stats.
codepen.io/cyatteau/pen...
#Maps #ArcGIS
November 11, 2025 at 8:14 PM
Day 6: 30 Day Map Challenge - Dimensions
I used two dimensions together: cylinder height = data value, and radius = enriched area. Click to fetch local facts with the ArcGIS GeoEnrichment service, adjust radius or height scale, and hover to explore stats.
codepen.io/cyatteau/pen...
#Maps #ArcGIS
I used two dimensions together: cylinder height = data value, and radius = enriched area. Click to fetch local facts with the ArcGIS GeoEnrichment service, adjust radius or height scale, and hover to explore stats.
codepen.io/cyatteau/pen...
#Maps #ArcGIS
Day 5: 30 Day Map Challenge - Earth 🌏
For this map, I combined satellite imagery with human geography layers to show how people and nature share space.
See the code: codepen.io/cyatteau/pen...
#Leaflet #Esri #ArcGIS #maps
For this map, I combined satellite imagery with human geography layers to show how people and nature share space.
See the code: codepen.io/cyatteau/pen...
#Leaflet #Esri #ArcGIS #maps
November 10, 2025 at 7:40 PM
Day 5: 30 Day Map Challenge - Earth 🌏
For this map, I combined satellite imagery with human geography layers to show how people and nature share space.
See the code: codepen.io/cyatteau/pen...
#Leaflet #Esri #ArcGIS #maps
For this map, I combined satellite imagery with human geography layers to show how people and nature share space.
See the code: codepen.io/cyatteau/pen...
#Leaflet #Esri #ArcGIS #maps
Day 4: 30 Day Map Challenge - My Data 🎤
Since I just finished up my last conference talk for 2025, I thought it was fitting to map all the places I presented at this year. Built with Esri Leaflet and Calcite for a clean, interactive layout.
See code: codepen.io/cyatteau/pen...
#Maps #Leaflet #GIS
Since I just finished up my last conference talk for 2025, I thought it was fitting to map all the places I presented at this year. Built with Esri Leaflet and Calcite for a clean, interactive layout.
See code: codepen.io/cyatteau/pen...
#Maps #Leaflet #GIS
November 8, 2025 at 7:05 PM
Day 4: 30 Day Map Challenge - My Data 🎤
Since I just finished up my last conference talk for 2025, I thought it was fitting to map all the places I presented at this year. Built with Esri Leaflet and Calcite for a clean, interactive layout.
See code: codepen.io/cyatteau/pen...
#Maps #Leaflet #GIS
Since I just finished up my last conference talk for 2025, I thought it was fitting to map all the places I presented at this year. Built with Esri Leaflet and Calcite for a clean, interactive layout.
See code: codepen.io/cyatteau/pen...
#Maps #Leaflet #GIS
Day 3: 30 Day Map Challenge - Polygons
To mark National Sandwich Day (November 3rd), I built a layered map of Washington, DC, stacking the boundary, building footprints, parks and water like the ingredients of a sandwich. 🥪
See the code: codepen.io/cyatteau/pen...
#Maps #GIS #WebMapping #Esri
To mark National Sandwich Day (November 3rd), I built a layered map of Washington, DC, stacking the boundary, building footprints, parks and water like the ingredients of a sandwich. 🥪
See the code: codepen.io/cyatteau/pen...
#Maps #GIS #WebMapping #Esri
November 5, 2025 at 2:22 PM
Day 3: 30 Day Map Challenge - Polygons
To mark National Sandwich Day (November 3rd), I built a layered map of Washington, DC, stacking the boundary, building footprints, parks and water like the ingredients of a sandwich. 🥪
See the code: codepen.io/cyatteau/pen...
#Maps #GIS #WebMapping #Esri
To mark National Sandwich Day (November 3rd), I built a layered map of Washington, DC, stacking the boundary, building footprints, parks and water like the ingredients of a sandwich. 🥪
See the code: codepen.io/cyatteau/pen...
#Maps #GIS #WebMapping #Esri
It's the first day of the @oredev.org developers conference! 👩💻
#developers #conference #Malmo #JavaScript
#developers #conference #Malmo #JavaScript
November 5, 2025 at 1:00 PM
It's the first day of the @oredev.org developers conference! 👩💻
#developers #conference #Malmo #JavaScript
#developers #conference #Malmo #JavaScript
Day 2: 30 Day Map Challenge - Lines
November 2 also happens to be Look for Circles Day ⭕, so I built a map that highlights ring roads around the world. These circular highways loop around cities like London, Paris, and D.C.
Code: codepen.io/cyatteau/pen...
#30DayMapChallenge #Maps #GIS #Esri
November 2 also happens to be Look for Circles Day ⭕, so I built a map that highlights ring roads around the world. These circular highways loop around cities like London, Paris, and D.C.
Code: codepen.io/cyatteau/pen...
#30DayMapChallenge #Maps #GIS #Esri
November 3, 2025 at 7:32 PM
Day 2: 30 Day Map Challenge - Lines
November 2 also happens to be Look for Circles Day ⭕, so I built a map that highlights ring roads around the world. These circular highways loop around cities like London, Paris, and D.C.
Code: codepen.io/cyatteau/pen...
#30DayMapChallenge #Maps #GIS #Esri
November 2 also happens to be Look for Circles Day ⭕, so I built a map that highlights ring roads around the world. These circular highways loop around cities like London, Paris, and D.C.
Code: codepen.io/cyatteau/pen...
#30DayMapChallenge #Maps #GIS #Esri
Day 1: 30 Day Map Challenge - Points 📍
The first day of the challenge coincides with Prime Meridian Day, so I mapped cities near 0° longitude in a simple Esri Leaflet map.
Code: codepen.io/cyatteau/pen...
#30DayMapChallenge #Esri #Maps #GIS
The first day of the challenge coincides with Prime Meridian Day, so I mapped cities near 0° longitude in a simple Esri Leaflet map.
Code: codepen.io/cyatteau/pen...
#30DayMapChallenge #Esri #Maps #GIS
November 2, 2025 at 9:12 PM
Day 1: 30 Day Map Challenge - Points 📍
The first day of the challenge coincides with Prime Meridian Day, so I mapped cities near 0° longitude in a simple Esri Leaflet map.
Code: codepen.io/cyatteau/pen...
#30DayMapChallenge #Esri #Maps #GIS
The first day of the challenge coincides with Prime Meridian Day, so I mapped cities near 0° longitude in a simple Esri Leaflet map.
Code: codepen.io/cyatteau/pen...
#30DayMapChallenge #Esri #Maps #GIS
November 1, 2025 at 6:20 PM
I’m very excited to be heading to @oredev.org 2025 in Malmö, Sweden next week to talk about open source web mapping! 🗺️👩💻
I’ll share how to build interactive maps with Esri Leaflet and the new MapLibre ArcGIS plugin, plus a few tips for performance and visualization.
#WebDev #Oredev2025 #ArcGIS #Map
I’ll share how to build interactive maps with Esri Leaflet and the new MapLibre ArcGIS plugin, plus a few tips for performance and visualization.
#WebDev #Oredev2025 #ArcGIS #Map
October 30, 2025 at 8:53 PM
I’m very excited to be heading to @oredev.org 2025 in Malmö, Sweden next week to talk about open source web mapping! 🗺️👩💻
I’ll share how to build interactive maps with Esri Leaflet and the new MapLibre ArcGIS plugin, plus a few tips for performance and visualization.
#WebDev #Oredev2025 #ArcGIS #Map
I’ll share how to build interactive maps with Esri Leaflet and the new MapLibre ArcGIS plugin, plus a few tips for performance and visualization.
#WebDev #Oredev2025 #ArcGIS #Map
I had an amazing time presenting at @allthingsopen.bsky.social!
#AllThingsOpen #JavaScript #gamification
#AllThingsOpen #JavaScript #gamification
October 13, 2025 at 9:56 PM
I had an amazing time presenting at @allthingsopen.bsky.social!
#AllThingsOpen #JavaScript #gamification
#AllThingsOpen #JavaScript #gamification
Excited to join the daily.dev devrel roast tomorrow with Francesco, Rishab, and Nimrod to share some unpopular opinions in DevRel! 🎙
🔗 www.youtube.com/live/1vUOSyG...
#DevRel #developers #TechLife
🔗 www.youtube.com/live/1vUOSyG...
#DevRel #developers #TechLife
October 7, 2025 at 5:39 PM
Excited to join the daily.dev devrel roast tomorrow with Francesco, Rishab, and Nimrod to share some unpopular opinions in DevRel! 🎙
🔗 www.youtube.com/live/1vUOSyG...
#DevRel #developers #TechLife
🔗 www.youtube.com/live/1vUOSyG...
#DevRel #developers #TechLife
Excited to speak @allthingsopen.bsky.social in Raleigh, NC next week about AI-Powered Gamification for the Web! 👩💻
#OpenSource #JavaScript #AllThingsOpen
#OpenSource #JavaScript #AllThingsOpen
October 7, 2025 at 3:28 PM
Excited to speak @allthingsopen.bsky.social in Raleigh, NC next week about AI-Powered Gamification for the Web! 👩💻
#OpenSource #JavaScript #AllThingsOpen
#OpenSource #JavaScript #AllThingsOpen