Courtney Yatteau
@cyatteau.bsky.social
Developer Advocate at Esri | International Conference Speaker | Former Math/CS Educator | opinions = my own | http://youtube.com/@c_yatteau
Day 15: 30 Day Map Challenge - Fire 🔥
Built a wildfire hotspot visualizer with Esri Leaflet. The pulsing markers show relative intensity using made-up sample locations to keep the focus on the visualization itself.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #Maps #GIS #Leaflet
Built a wildfire hotspot visualizer with Esri Leaflet. The pulsing markers show relative intensity using made-up sample locations to keep the focus on the visualization itself.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #Maps #GIS #Leaflet
November 19, 2025 at 2:06 AM
Day 15: 30 Day Map Challenge - Fire 🔥
Built a wildfire hotspot visualizer with Esri Leaflet. The pulsing markers show relative intensity using made-up sample locations to keep the focus on the visualization itself.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #Maps #GIS #Leaflet
Built a wildfire hotspot visualizer with Esri Leaflet. The pulsing markers show relative intensity using made-up sample locations to keep the focus on the visualization itself.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #Maps #GIS #Leaflet
Day 2 of my 5-day mini series for Geography Awareness Week is up. 🎨
Today I walk through how to use the ArcGIS Vector Tile Style Editor quick edit options to create your own custom basemap and apply it right in your ArcGIS JS SDK map.
www.youtube.com/watch?v=4gV3...
#ArcGIS #GIS #Esri #JavaScript
Today I walk through how to use the ArcGIS Vector Tile Style Editor quick edit options to create your own custom basemap and apply it right in your ArcGIS JS SDK map.
www.youtube.com/watch?v=4gV3...
#ArcGIS #GIS #Esri #JavaScript
November 19, 2025 at 1:24 AM
Day 2 of my 5-day mini series for Geography Awareness Week is up. 🎨
Today I walk through how to use the ArcGIS Vector Tile Style Editor quick edit options to create your own custom basemap and apply it right in your ArcGIS JS SDK map.
www.youtube.com/watch?v=4gV3...
#ArcGIS #GIS #Esri #JavaScript
Today I walk through how to use the ArcGIS Vector Tile Style Editor quick edit options to create your own custom basemap and apply it right in your ArcGIS JS SDK map.
www.youtube.com/watch?v=4gV3...
#ArcGIS #GIS #Esri #JavaScript
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
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