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

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

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

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

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

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

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

Day 21: 30 Day Map Challenge - Icons

I created a glowing lighthouse map of Maine. Each icon shows the lighthouse status and pulses softly along the coastline.

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

#ArcGIS #Esri #Leaflet #GIS #maps

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

Anyone can code an interactive website map 🗺️ 👩‍💻

#ArcGIS #Maps #coding #JavaScript

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

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

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