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

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

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

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

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

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

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

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

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

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

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

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