Courtney Yatteau
@cyatteau.bsky.social
Developer Advocate at Esri | International Conference Speaker | Former Math/CS Educator | opinions = my own | http://youtube.com/@c_yatteau
Click a map, get a snack idea. 👩🍳
I just kicked off season 2 of my AI-Powered Mapping for the ArcGIS Web Developer series with a tiny experiment: every map click sends the lat/lon to Gemini and shows a snack recipe in an ArcGIS popup.
www.youtube.com/watch?v=EWan...
#ArcGIS #JavaScript #GeoAI #AI
I just kicked off season 2 of my AI-Powered Mapping for the ArcGIS Web Developer series with a tiny experiment: every map click sends the lat/lon to Gemini and shows a snack recipe in an ArcGIS popup.
www.youtube.com/watch?v=EWan...
#ArcGIS #JavaScript #GeoAI #AI
December 2, 2025 at 3:52 AM
Click a map, get a snack idea. 👩🍳
I just kicked off season 2 of my AI-Powered Mapping for the ArcGIS Web Developer series with a tiny experiment: every map click sends the lat/lon to Gemini and shows a snack recipe in an ArcGIS popup.
www.youtube.com/watch?v=EWan...
#ArcGIS #JavaScript #GeoAI #AI
I just kicked off season 2 of my AI-Powered Mapping for the ArcGIS Web Developer series with a tiny experiment: every map click sends the lat/lon to Gemini and shows a snack recipe in an ArcGIS popup.
www.youtube.com/watch?v=EWan...
#ArcGIS #JavaScript #GeoAI #AI
It is December 1st which means Advent ArcGIS is back. 🎄🗺️
All month I am sharing quick, practical videos that blend ArcGIS and AI for web developers. Think small, focused map experiments you can actually reuse in your own apps.
Watch now: www.youtube.com/watch?v=wvWT...
#GIS #maps #AI
All month I am sharing quick, practical videos that blend ArcGIS and AI for web developers. Think small, focused map experiments you can actually reuse in your own apps.
Watch now: www.youtube.com/watch?v=wvWT...
#GIS #maps #AI
December 2, 2025 at 12:21 AM
It is December 1st which means Advent ArcGIS is back. 🎄🗺️
All month I am sharing quick, practical videos that blend ArcGIS and AI for web developers. Think small, focused map experiments you can actually reuse in your own apps.
Watch now: www.youtube.com/watch?v=wvWT...
#GIS #maps #AI
All month I am sharing quick, practical videos that blend ArcGIS and AI for web developers. Think small, focused map experiments you can actually reuse in your own apps.
Watch now: www.youtube.com/watch?v=wvWT...
#GIS #maps #AI
It's December 1st, which means it's time again for my Advent ArcGIS video series! 🎄🗺️
I'll be sharing the teaser and Day 1 videos shortly, so keep an eye out for daily Geo + AI inspo all month.
I'll be sharing the teaser and Day 1 videos shortly, so keep an eye out for daily Geo + AI inspo all month.
December 1, 2025 at 9:55 PM
It's December 1st, which means it's time again for my Advent ArcGIS video series! 🎄🗺️
I'll be sharing the teaser and Day 1 videos shortly, so keep an eye out for daily Geo + AI inspo all month.
I'll be sharing the teaser and Day 1 videos shortly, so keep an eye out for daily Geo + AI inspo all month.
Mappy Monday! 🗺️
December 1, 2025 at 9:53 PM
Mappy Monday! 🗺️
Day 30: 30 Day Map Challenge - Makeover
For the makeover theme, I built a "power up" map. Start in monochrome, hit the button, and everything switches to neon.
See the code: codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #maps #GIS
For the makeover theme, I built a "power up" map. Start in monochrome, hit the button, and everything switches to neon.
See the code: codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #maps #GIS
December 1, 2025 at 2:28 AM
Day 30: 30 Day Map Challenge - Makeover
For the makeover theme, I built a "power up" map. Start in monochrome, hit the button, and everything switches to neon.
See the code: codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #maps #GIS
For the makeover theme, I built a "power up" map. Start in monochrome, hit the button, and everything switches to neon.
See the code: codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #maps #GIS
Day 29: 30 Day Map Challenge - Raster
Swipe between World Imagery and the World Topographic Map using the ArcGIS Maps SDK for JavaScript. A tiny raster viewer for DC, the Iceland coast, and the Alps.
Code: codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #maps
Swipe between World Imagery and the World Topographic Map using the ArcGIS Maps SDK for JavaScript. A tiny raster viewer for DC, the Iceland coast, and the Alps.
Code: codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #maps
December 1, 2025 at 2:23 AM
Day 29: 30 Day Map Challenge - Raster
Swipe between World Imagery and the World Topographic Map using the ArcGIS Maps SDK for JavaScript. A tiny raster viewer for DC, the Iceland coast, and the Alps.
Code: codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #maps
Swipe between World Imagery and the World Topographic Map using the ArcGIS Maps SDK for JavaScript. A tiny raster viewer for DC, the Iceland coast, and the Alps.
Code: codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #maps
Day 28: 30 Day Map Challenge - Black
I started with a solid black globe and only let the city lights show through. Each glow is a city with at least 500k people.
See the code: codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #JavaScript #GIS
I started with a solid black globe and only let the city lights show through. Each glow is a city with at least 500k people.
See the code: codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #JavaScript #GIS
December 1, 2025 at 2:20 AM
Day 28: 30 Day Map Challenge - Black
I started with a solid black globe and only let the city lights show through. Each glow is a city with at least 500k people.
See the code: codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #JavaScript #GIS
I started with a solid black globe and only let the city lights show through. Each glow is a city with at least 500k people.
See the code: codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #JavaScript #GIS
Day 27: 30 Day Map Challenge - Boundaries
I turned the DC boundary into a switch between two worlds. Outside the line the basemap is grayscale and quiet, inside my custom basemap, hillshade, color inversion, and blend modes make DC glow.
codepen.io/cyatteau/pen...
#30DayMapChallenge #GIS #JS #map
I turned the DC boundary into a switch between two worlds. Outside the line the basemap is grayscale and quiet, inside my custom basemap, hillshade, color inversion, and blend modes make DC glow.
codepen.io/cyatteau/pen...
#30DayMapChallenge #GIS #JS #map
November 29, 2025 at 3:43 PM
Day 27: 30 Day Map Challenge - Boundaries
I turned the DC boundary into a switch between two worlds. Outside the line the basemap is grayscale and quiet, inside my custom basemap, hillshade, color inversion, and blend modes make DC glow.
codepen.io/cyatteau/pen...
#30DayMapChallenge #GIS #JS #map
I turned the DC boundary into a switch between two worlds. Outside the line the basemap is grayscale and quiet, inside my custom basemap, hillshade, color inversion, and blend modes make DC glow.
codepen.io/cyatteau/pen...
#30DayMapChallenge #GIS #JS #map
Day 26: 30 Day Map Challenge - Transport
I mapped the NYC subway at night using the NYC Subway System Authoritative layer for lines and stations, then added a bloom effect so each route family glows over the ArcGIS Streets Night basemap.
codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #GIS
I mapped the NYC subway at night using the NYC Subway System Authoritative layer for lines and stations, then added a bloom effect so each route family glows over the ArcGIS Streets Night basemap.
codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #GIS
November 28, 2025 at 5:33 PM
Day 26: 30 Day Map Challenge - Transport
I mapped the NYC subway at night using the NYC Subway System Authoritative layer for lines and stations, then added a bloom effect so each route family glows over the ArcGIS Streets Night basemap.
codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #GIS
I mapped the NYC subway at night using the NYC Subway System Authoritative layer for lines and stations, then added a bloom effect so each route family glows over the ArcGIS Streets Night basemap.
codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #GIS
Day 25: 30 Day Map Challenge - Hexagons
I used a Living Atlas hexbin layer of alternative fuel stations, where each 50 km hexagon aggregates station counts from the US DOE data.
codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #JavaScript #maps #GIS
I used a Living Atlas hexbin layer of alternative fuel stations, where each 50 km hexagon aggregates station counts from the US DOE data.
codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #JavaScript #maps #GIS
November 28, 2025 at 5:08 PM
Day 25: 30 Day Map Challenge - Hexagons
I used a Living Atlas hexbin layer of alternative fuel stations, where each 50 km hexagon aggregates station counts from the US DOE data.
codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #JavaScript #maps #GIS
I used a Living Atlas hexbin layer of alternative fuel stations, where each 50 km hexagon aggregates station counts from the US DOE data.
codepen.io/cyatteau/pen...
#30DayMapChallenge #ArcGIS #JavaScript #maps #GIS
Day 24: 30 Day Map Challenge - Places and their names
I mapped a set of places whose names feel funny, cozy, or dramatic. It's quite interesting how much personality a name can hold.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #Leaflet #GIS #maps #JavaScript
I mapped a set of places whose names feel funny, cozy, or dramatic. It's quite interesting how much personality a name can hold.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #Leaflet #GIS #maps #JavaScript
November 25, 2025 at 2:51 PM
Day 24: 30 Day Map Challenge - Places and their names
I mapped a set of places whose names feel funny, cozy, or dramatic. It's quite interesting how much personality a name can hold.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #Leaflet #GIS #maps #JavaScript
I mapped a set of places whose names feel funny, cozy, or dramatic. It's quite interesting how much personality a name can hold.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #Leaflet #GIS #maps #JavaScript
Day 23: 30 Day Map Challenge - Process
Tried something different today by showing the rendering process. Using the ArcGIS JS SDK components, I animated how a map assembles itself layer by layer, with a few bloom effects for fun.
codepen.io/cyatteau/pen...
#30DayMapChallenge #JavaScript #ArcGIS
Tried something different today by showing the rendering process. Using the ArcGIS JS SDK components, I animated how a map assembles itself layer by layer, with a few bloom effects for fun.
codepen.io/cyatteau/pen...
#30DayMapChallenge #JavaScript #ArcGIS
November 24, 2025 at 5:34 PM
Day 23: 30 Day Map Challenge - Process
Tried something different today by showing the rendering process. Using the ArcGIS JS SDK components, I animated how a map assembles itself layer by layer, with a few bloom effects for fun.
codepen.io/cyatteau/pen...
#30DayMapChallenge #JavaScript #ArcGIS
Tried something different today by showing the rendering process. Using the ArcGIS JS SDK components, I animated how a map assembles itself layer by layer, with a few bloom effects for fun.
codepen.io/cyatteau/pen...
#30DayMapChallenge #JavaScript #ArcGIS
Day 22: 30 Day Map Challenge - Data challenge: Natural Earth
I created a clean world map using a Natural Earth-derived dataset. Tap any country to reveal its category.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #GIS #30DayMapChallenge #earth
I created a clean world map using a Natural Earth-derived dataset. Tap any country to reveal its category.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #GIS #30DayMapChallenge #earth
November 24, 2025 at 4:58 PM
Day 22: 30 Day Map Challenge - Data challenge: Natural Earth
I created a clean world map using a Natural Earth-derived dataset. Tap any country to reveal its category.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #GIS #30DayMapChallenge #earth
I created a clean world map using a Natural Earth-derived dataset. Tap any country to reveal its category.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #GIS #30DayMapChallenge #earth
Day 5, the final day of Coding Maps for Beginners, is now up!
I'm closing out the series for Geography Awareness Week with one of the easiest upgrades you can add to a map: instant directions.
Watch now: www.youtube.com/watch?v=TVT9...
#ArcGIS #maps #GIS #JavaScript #geography
I'm closing out the series for Geography Awareness Week with one of the easiest upgrades you can add to a map: instant directions.
Watch now: www.youtube.com/watch?v=TVT9...
#ArcGIS #maps #GIS #JavaScript #geography
November 21, 2025 at 5:58 PM
Day 5, the final day of Coding Maps for Beginners, is now up!
I'm closing out the series for Geography Awareness Week with one of the easiest upgrades you can add to a map: instant directions.
Watch now: www.youtube.com/watch?v=TVT9...
#ArcGIS #maps #GIS #JavaScript #geography
I'm closing out the series for Geography Awareness Week with one of the easiest upgrades you can add to a map: instant directions.
Watch now: www.youtube.com/watch?v=TVT9...
#ArcGIS #maps #GIS #JavaScript #geography
Day 20: 30 Day Map Challenge - Water
I built a fully simulated prototype that shows a fake flood or spill event. The ripple effect is a visual idea for how an impact radius could look in a real app.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #maps #30DayMapChallenge #GIS
I built a fully simulated prototype that shows a fake flood or spill event. The ripple effect is a visual idea for how an impact radius could look in a real app.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #maps #30DayMapChallenge #GIS
November 21, 2025 at 1:23 AM
Day 20: 30 Day Map Challenge - Water
I built a fully simulated prototype that shows a fake flood or spill event. The ripple effect is a visual idea for how an impact radius could look in a real app.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #maps #30DayMapChallenge #GIS
I built a fully simulated prototype that shows a fake flood or spill event. The ripple effect is a visual idea for how an impact radius could look in a real app.
See the code: codepen.io/cyatteau/pen...
#ArcGIS #maps #30DayMapChallenge #GIS
November 21, 2025 at 12:39 AM
Day 4 of Coding Maps for Beginners is up!
Today you'll add a full search experience with a single line of code. Drop arcgis-search inside your arcgis-map and you get address lookup, suggestions, and instant zoom to any result.
Watch the tutorial: www.youtube.com/watch?v=ndUe...
#ArcGIS #maps #GIS
Today you'll add a full search experience with a single line of code. Drop arcgis-search inside your arcgis-map and you get address lookup, suggestions, and instant zoom to any result.
Watch the tutorial: www.youtube.com/watch?v=ndUe...
#ArcGIS #maps #GIS
November 20, 2025 at 11:32 PM
Day 4 of Coding Maps for Beginners is up!
Today you'll add a full search experience with a single line of code. Drop arcgis-search inside your arcgis-map and you get address lookup, suggestions, and instant zoom to any result.
Watch the tutorial: www.youtube.com/watch?v=ndUe...
#ArcGIS #maps #GIS
Today you'll add a full search experience with a single line of code. Drop arcgis-search inside your arcgis-map and you get address lookup, suggestions, and instant zoom to any result.
Watch the tutorial: www.youtube.com/watch?v=ndUe...
#ArcGIS #maps #GIS
November 20, 2025 at 9:51 PM
Day 19: 30 Day Map Challenge - Projections
I took the World Countries layer from the ArcGIS Living Atlas and ran it through a loop of different map projections using D3. Same data, many different ways of seeing the world.
Code: codepen.io/cyatteau/pen...
#ArcGIS #D3 #JavaScript #projections #GIS
I took the World Countries layer from the ArcGIS Living Atlas and ran it through a loop of different map projections using D3. Same data, many different ways of seeing the world.
Code: codepen.io/cyatteau/pen...
#ArcGIS #D3 #JavaScript #projections #GIS
November 20, 2025 at 8:08 PM
Day 19: 30 Day Map Challenge - Projections
I took the World Countries layer from the ArcGIS Living Atlas and ran it through a loop of different map projections using D3. Same data, many different ways of seeing the world.
Code: codepen.io/cyatteau/pen...
#ArcGIS #D3 #JavaScript #projections #GIS
I took the World Countries layer from the ArcGIS Living Atlas and ran it through a loop of different map projections using D3. Same data, many different ways of seeing the world.
Code: codepen.io/cyatteau/pen...
#ArcGIS #D3 #JavaScript #projections #GIS
Day 18: 30 Day Map Challenge - Out of this world
I built a meteor shower effect by layering an HTML5 canvas animation on top of a Leaflet map with a dark basemap. The meteors are random, but this pattern could power real-time visualizations, as well.
codepen.io/cyatteau/pen...
#ArcGIS #Leaflet
I built a meteor shower effect by layering an HTML5 canvas animation on top of a Leaflet map with a dark basemap. The meteors are random, but this pattern could power real-time visualizations, as well.
codepen.io/cyatteau/pen...
#ArcGIS #Leaflet
November 20, 2025 at 7:51 PM
Day 18: 30 Day Map Challenge - Out of this world
I built a meteor shower effect by layering an HTML5 canvas animation on top of a Leaflet map with a dark basemap. The meteors are random, but this pattern could power real-time visualizations, as well.
codepen.io/cyatteau/pen...
#ArcGIS #Leaflet
I built a meteor shower effect by layering an HTML5 canvas animation on top of a Leaflet map with a dark basemap. The meteors are random, but this pattern could power real-time visualizations, as well.
codepen.io/cyatteau/pen...
#ArcGIS #Leaflet
Day 17: 30 Day Map Challenge - A new tool
I tried the just out of beta ArcGIS chart components with the ArcGIS map components. Selecting bars in the chart highlights features on the map, and clicking the map selects the matching bar.
codepen.io/cyatteau/pen...
#ArcGIS #GIS #map #30DayMapChallenge
I tried the just out of beta ArcGIS chart components with the ArcGIS map components. Selecting bars in the chart highlights features on the map, and clicking the map selects the matching bar.
codepen.io/cyatteau/pen...
#ArcGIS #GIS #map #30DayMapChallenge
November 20, 2025 at 6:52 PM
Day 17: 30 Day Map Challenge - A new tool
I tried the just out of beta ArcGIS chart components with the ArcGIS map components. Selecting bars in the chart highlights features on the map, and clicking the map selects the matching bar.
codepen.io/cyatteau/pen...
#ArcGIS #GIS #map #30DayMapChallenge
I tried the just out of beta ArcGIS chart components with the ArcGIS map components. Selecting bars in the chart highlights features on the map, and clicking the map selects the matching bar.
codepen.io/cyatteau/pen...
#ArcGIS #GIS #map #30DayMapChallenge
ArcGIS Maps SDK for JavaScript + a bit of AI = a fun playful combo 😊
Check out my full tutorial: youtu.be/9lS6Z-WuRRI
#ArcGIS #AI #JavaScript #maps #OpenAI
Check out my full tutorial: youtu.be/9lS6Z-WuRRI
#ArcGIS #AI #JavaScript #maps #OpenAI
November 20, 2025 at 3:16 AM
ArcGIS Maps SDK for JavaScript + a bit of AI = a fun playful combo 😊
Check out my full tutorial: youtu.be/9lS6Z-WuRRI
#ArcGIS #AI #JavaScript #maps #OpenAI
Check out my full tutorial: youtu.be/9lS6Z-WuRRI
#ArcGIS #AI #JavaScript #maps #OpenAI
Day 3 of my Coding Maps for beginners mini series has been posted!
In this one, I show how to turn any map click into an AI generated fun fact using the ArcGIS Maps SDK for JavaScript and OpenAI. It's quick to code with a fun result.
www.youtube.com/watch?v=9lS6...
#ArcGIS #GIS #Esri #JavaScript
In this one, I show how to turn any map click into an AI generated fun fact using the ArcGIS Maps SDK for JavaScript and OpenAI. It's quick to code with a fun result.
www.youtube.com/watch?v=9lS6...
#ArcGIS #GIS #Esri #JavaScript
November 20, 2025 at 1:49 AM
Day 3 of my Coding Maps for beginners mini series has been posted!
In this one, I show how to turn any map click into an AI generated fun fact using the ArcGIS Maps SDK for JavaScript and OpenAI. It's quick to code with a fun result.
www.youtube.com/watch?v=9lS6...
#ArcGIS #GIS #Esri #JavaScript
In this one, I show how to turn any map click into an AI generated fun fact using the ArcGIS Maps SDK for JavaScript and OpenAI. It's quick to code with a fun result.
www.youtube.com/watch?v=9lS6...
#ArcGIS #GIS #Esri #JavaScript
Happy GIS Day! 🗺️ It is the perfect time to learn how to build a map for the web with JavaScript. No coding experience required.
Check out my beginner series on my channel to follow along:
www.youtube.com/playlist?lis...
#GISDay #GIS #ArcGIS #coding #JavaScript #maps
Check out my beginner series on my channel to follow along:
www.youtube.com/playlist?lis...
#GISDay #GIS #ArcGIS #coding #JavaScript #maps
November 19, 2025 at 9:48 PM
Happy GIS Day! 🗺️ It is the perfect time to learn how to build a map for the web with JavaScript. No coding experience required.
Check out my beginner series on my channel to follow along:
www.youtube.com/playlist?lis...
#GISDay #GIS #ArcGIS #coding #JavaScript #maps
Check out my beginner series on my channel to follow along:
www.youtube.com/playlist?lis...
#GISDay #GIS #ArcGIS #coding #JavaScript #maps