MapTheClouds

It's the end of an era, and the beginning of a new one. 10+ years: LiDAR → GIS → WebGL → immersive work Starting Feb 9: #100DayMapChallenge 100 days revisiting projects shaping my path from GIS to interactive 3D viz. Follow along! 🗺️ #3DMaps #WebGL #DataViz

Day 46. Interactive virtual land map 🗺️ Built a two-level map for a blockchain virtual land platform: world overview + detailed plot interaction. #100DayMapChallenge 46/100 🔒 Client production

Day 45. Chlorophyll ocean data 🌊 I visualized 12 months of NASA Aqua/MODIS chlorophyll on an interactive 3D globe with Three.js + WebGL. Custom GLSL transition + vignette shaders keep seasonal flow smooth and readable. maptheclouds.com/playground/thr… #100DayMapChallenge 45/100

@a_vesiculosa Thanks 🙂

@maptheclouds This is so beautiful!

Day 44. Earth gone wild! 🌍 Built an exaggerated 3D Earth from NOAA ETOPO1 relief data using Three.js + WebGL. GLSL-controlled displacement and dynamic lighting. #100DayMapChallenge 44/100 maptheclouds.com/playground/30-…

Week 6 done: from vinyl Voronoi experiments to 50k+ cities, Antarctica gravity, UNESCO client work, Corgi GPX fun, an Africa-centered globe, and river hierarchies. Different topics, same underlying method. #100DayMapChallenge

Day 43. OpenFlights World Airports ✈️ Mapped 8,000+ airports as a single interactive 3D dataset using Three.js + WebGL. Regional filtering, InstancedMesh, Raycaster. #100DayMapChallenge 43/100 maptheclouds.com/playground/30-…

MapLibre: Add 3D Tiles using Three.js sample maplibre.org/maplibre-gl-js…

Day 42. Rivers as flow networks 🌊 South America rivers from HydroSHEDS (WWF+USGS+CIAT+TNC). Multiple zoom levels → Three.js rotating carousel. Play/pause to explore scales. Making structure visible. #100DayMapChallenge 42/100 maptheclouds.com/playground/30-…

Day 41. Africa on a 3D globe 🐘 Center Earth on Africa + 3D terrain from NOAA ETOPO1. Visual easter egg: Africa's outline resembles an elephant. Three.js + WebGL, real-time rotation. #100DayMapChallenge 41/100 maptheclouds.com/playground/30-…

Day 40. Corgi routes 🐶 Interactive route animator inspired by Relive. Drag-and-drop GPX → animated playback across terrain + synced elevation chart. MapLibre GL + D3.js + MapTiler winter style. maptheclouds.com/playground/30-… #100DayMapChallenge 40/100

@threejs Beautiful ✨

Day 39. Education inequality at global scale 🌍 Client work: interactive animated choropleth for education research org. Gender Parity Index across 5 levels (primary to tertiary). Leaflet + D3.js Gender gap widens as girls progress. #100DayMapChallenge

Day 38. Gravity beneath Antarctica 🧊 EIGEN-6C4 gravity model at 0.1° resolution. QGIS processed, reveals subtle variations from ice thickness, bedrock density, subglacial topography. #100DayMapChallenge maptheclouds.com/playground/30-…

Take a moment to thank and appreciate PROJ today, as it celebrates its earliest available commit (even though the project goes back to the 70's/80's). Here's that commit: github.com/OSGeo/PROJ/com… Thanks to all of the contributors over so many decades! #foss4g

Day 37. Global settlements 🌐 D3.js canvas. Circle size = population, brightness = rank. No political boundaries. Quadtree spatial index makes click detection fast (hierarchical vs linear). #100DayMapChallenge maptheclouds.com/playground/30-…

Day 36. Music history through data 🎶 50 of the most valuable vinyl records visualized using a Voronoi layout. Beatles dominate: White Album ($790k) D3.js interactive visualization. #100DayMapChallenge maptheclouds.com/playground/30-…

Week 5. The daily mapping challenge is starting to feel less like discipline and more like exploration. Seven projects this week: networks, terrain, timelines. 35 days down, 65 to go. #100DayMapChallenge

@AJAllchin The Natural Earth land dataset is a MultiPolygon GeoJSON. Applying LineTo everywhere also generated straight lines between the polygons within the same feature. I didn’t try to remove them, because the effect actually looks quite interesting. 🙂

@maptheclouds What do the lines represent?

Day 35. Earth in Lines Reduced to red lines on black, stripping away labels to leave only the coastlines. Converted GeoJSON coastline data into WebGL line geometries using Three.js. From 30DayMapChallenge 2023. #100DayMapChallenge maptheclouds.com/playground/30-…