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

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

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

Day 16: 30 Day Map Challenge - Cell

I mapped 2020 census block groups as tiny population cells across the US, shading each one by people per square mile to show how density shifts from coast to coast.

See the code: codepen.io/cyatteau/pen...

#ArcGIS #GIS #maps #Esri #30DayMapChallenge

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