Day 88. Environmental Intelligence Platform 🌍
This was a long-form client platform build delivered over about nine months, where geospatial rendering, product workflows, and infrastructure had to evolve in parallel.
Map stack: open-source MapLibre GL JS with PMTiles delivery through Cloudflare, using open base tiles (OSM/Nextzen ecosystem).
#100DayMapChallenge Day 88/100
#MapLibre #GraphQL #DataVisualization #Animation #Geospatial #3D #Maps #GIS
Day 87. Fireflies Globe ✨
This piece explores a globe that moves from geography toward atmosphere through a transparent sphere, a 3D portal, and sequential map texture transitions.
Inspired by Three.js Journey and Bruno Simon.
🔗 https://maptheclouds.com/playground/30-day-map-challenge-2022/fireflies-globe/
#100DayMapChallenge Day 87/100
#ThreeJS #WebGL #GLSL #Animation #Geospatial #Cartography #3D #ThreejsJourney
Day 86. City Streets 🌆
This piece takes OpenStreetMap roads prepared in QGIS and renders them as a luminous 3D street network in Three.js.
Instead of heavy layer density, it prioritizes structure and flow so the urban system reads quickly.
https://maptheclouds.com/playground/threejs/streets-glow/
#100DayMapChallenge Day 86/100
#ThreeJS #WebGL #QGIS #OpenStreetMap #Geospatial #DataVisualization #CreativeCoding #3DMaps #Urban
Day 85. Have You Ever Seen A City Dancing? 😆🎹
Audio-reactive NYC buildings built from the Mapbox composite source.
The concept is straightforward: feed AudioAnalyser frequency bands into shader uniforms so building motion and color follow the music in real time. It is an experimental sonification study, but the core interaction already reads clearly.
Workflow: Mapbox, Three.js, WebGL, shaders.
#100DayMapChallenge Day 85/100
#ThreeJS #WebGL #Mapbox #Sonification #Geospatial #GIS #3D #Maps
Week 12 Reflection
Seven projects, each exploring a different way to shape spatial storytelling across mood, scale, and audience.
Even with global chaos, I still believe immersive animations and playful maps can help us recover a small smile and remember what an extraordinary place this world is.
A lot of this exploration started in #30DayMapChallenge by Topi Tjukanov: https://30daymapchallenge.com/
Week 13 begins today.
#100DayMapChallenge Day 78-84/100
Day 84. OSM Buildings - tiles with D3 🏢
This project uses a hybrid browser pipeline for open-data 3D city exploration. D3 handles tile indexing, OSM Buildings tiles provide feature geometry and heights, and MapLibre renders the final scene through fill-extrusion.
Search is powered by Nominatim, and map click recenters + rebuilds the building set.
#100DayMapChallenge Day 84/100
Day 83. Cheesy Planets 🧀
Not every 3D experiment has to be serious to be technically meaningful.
This Three.js/WebGL scene pushes a familiar planet setup into absurd territory: a cheese-textured Earth, stylised moon, star-map background, and repeat-wrapped maps (colour, normal, height, roughness) tuned for exaggerated surface detail.
#100DayMapChallenge Day 83/100
#ThreeJS #WebGL #3DMaps
Day 82. Lego City 🧱
Experimental city visualisation using a custom WebGL building layer in MapLibre.
Buildings come from vector-tile extrusion data, then get a toy-like look through GLSL colour blending and simplified shading.
Workflow: MapLibre GL → custom Three.js/WebGL program → GLSL colour pass.
This became the base concept for the later In The Clouds release.
#100DayMapChallenge Day 82/100
Day 81. 3D Reef Health Visualization 🌊
Production marine mapping project built over 15+ months. Reef survey data and bathymetry terrain were integrated into an interactive 3D interface for non-GIS users.
Core challenge: scaling heavy spatial assets while preserving navigable detail.
Workflow: QGIS/GDAL preprocessing → height tiles + pmtiles + cloud asset delivery → MapLibre + Three.js rendering layer.
#100DayMapChallenge Day 81/100
#GIS #MapLibre #ThreeJS #WebGL #Cartography
Day 80. Colorful Romania 🇷🇴🎨
I mapped every county in Romania with special palettes and simple relief-first cartography (main roads + rivers only).
Everything was built and styled in QGIS, then exported as high-resolution prints for Redbubble - no 3D, no browser layer.
It did not work financially, but it reached people, especially on TikTok.
#100DayMapChallenge Day 80/100
#QGIS #Maps #Geospatial #DataVisualization #Cartography
MapTheClouds