Day 72. Follow Your Heart! 💙
(Romanian Valentine's Day)
A softer Dragobete globe where glowing hearts follow the Earth shape through a Three.js Points layer, with subtle bloom for atmosphere.
Less about strict analysis, more about visual feeling.
🔗 maptheclouds.com/playground/t...
Day 71. North Cube 🧊
What happens when Arctic bathymetry is not treated like a flat map?
IBCAO data prepared in QGIS, then mapped on a cube in a realtime Three.js/WebGL scene with animated water, sky from the Three.js examples, and orbit interaction.
🔗 maptheclouds.com/playground/3...
Seven projects, seven ways of making geographic structure readable. From Cheile Aiudului and OpenFlights to client power-grid systems, Race Tracker sync, Rainbow Cities encoding, and folded Cluj fantasy cartography.
Week 10 Reflection.
Seven projects explored readable geographic structure, from Cheile Aiudului and OpenFlights to client power-grid systems, synced Race Tracker timing, Rainbow Cities encoding, and folded Cluj fantasy cartography.
Three.js/WebGL + QGIS stayed consistent.
#100DayMapChallenge
Day 70. Cluj County Folded Map 🐉🖤
Depth in this map does not come from terrain. It comes from folding, lighting, texture, and camera motion.
QGIS base -> Blender fold setup -> animation exported into Three.js/WebGL.
🔗 Live map: maptheclouds.com/playground/3...
#100DayMapChallenge Ziua 70/100
Day 69. Rainbow Cities 🌈
Height is not hard to render in 3D. It is hard to read.
I mapped building elevation to hue with GLSL over Three.js + MapLibre GL JS, so skyline structure becomes readable at a glance.
#100DayMapChallenge 69/100
🔗 maptheclouds.com/playground/b...
Day 68. Race Tracker 🏍️
Small replay build that syncs GPS position, telemetry, and video playback.
Mapbox GL JS for map rendering, ExifTool for GoPro GPS extraction.
#100DayMapChallenge Day 68/100 #Telemetry #Animation
Day 67. Power Grid SLD ⚡
Built an interactive SLD for a utility platform: 600+ nodes, voltage filters, Tree and geospatial layouts, sticky HTML popups, and collision handling. Stack: D3.js v7, React, TypeScript, Mapbox GL JS.
#100DayMapChallenge Day 67/100
#NetworkVisualization #Animation
Day 66. Disco Earth 🪩
#30DayMapChallenge 2023 D11 Retro. ETOPO1 drives bg + reflections; InstancedMesh mirror quads, Three.js/WebGL. Style study, not analytics.
🔗 maptheclouds.com/playground/3...
#100DayMapChallenge Day 66/100 #NOAA #Animation
Day 65. OpenFlights World Airlines ✈️
Built an interactive globe with 10,000+ OpenFlights nodes using Three.js + WebGL. Instancing, optimized raycasting, and distance-based visibility keep navigation smooth, airport hover reveals animated routes.
#100DayMapChallenge Day 65/100
#ThreeJS #WebGL
Day 64. Aiudului Gorges 🏔️
I wanted to map a place that is personal, not abstract, so I built a small Three.js scene that arranges three embedded pages for Aiudului Gorges (Cheile Aiudului) in 3D space.
🔗 maptheclouds.com/playground/3...
#100DayMapChallenge Day 64/100
Week 9 in one frame: from a drivable Albuquerque scene and GPS storytelling to a monochrome Moon, a 119,614-star field, Arctic perspective studies, floral animation, and a final 3-minute medley that brings the full year of 3D cartography together.
Week 9 done. Seven projects: interactive map, GPS story map, monochrome Moon, 119K-star field, Arctic bathymetry, floral animation, and a year-end medley.
Three.js/WebGL kept appearing as an intentional 3D direction.
Week 10 begins today.
#100DayMapChallenge
Day 63. 3D Maps and Animations Medley 🌍
A 3-minute compilation that brings together my year of 3D cartography experiments: terrain scenes, globe rendering, particle systems, shader studies, and GSAP-driven camera sequences.
Edited in Kdenlive and exported with FFmpeg.
youtu.be/iv-sgilk7IY
Day 62 Flowers 🌺
A Women's Day tribute built with Three.js, GSAP, and a shader that blends flower textures from footage assets. A visual reset day that still stays interactive and real time.
Inspired by Yuri Artiukh (Akella).
#100DayMapChallenge Day 62/100
Today, Artemis II returns home.
After 10 days and over 400,000 km around the Moon, four humans will splash down in the Pacific Ocean, marking the first crewed lunar return since Apollo 17 in 1972.
To the crew, welcome home.
#Artemis #WelcomeHome #NASA #SpaceExploration #DataStorytelling #ThreeJS
Day 61. Arctic Ocean 🌊
Bathymetry visualization centered on the North Pole, built from IBCAO data to reframe Arctic geography as a core view instead of an edge case.
Made with QGIS (base map prep) + Three.js (runtime).
#100DayMapChallenge Day 61/100
Silent Moon update: today’s pass focused on atmosphere and light.
I improved Earth/Moon texture readability, added a subtle glow layer, expanded star-field context, and nudged trajectory colour intensity so it holds in darker regions without visual noise.
maptheclouds.com/silent-moon/
Day 60. Star Map 🌌
119,614 stars from the HYG database, positioned in 3D from astronomical coordinates, with size by magnitude and color by spectral class.
Built with Three.js and WebGL, plus a D3.js parsing step that converts RA/Dec, and filters by magnitude.
#100DayMapChallenge Day 60/100
Day 59. Monochrome Moon 🌑
Lunar visualization stripped to black and white so crater structure and surface depth read through contrast alone.
Three.js + WebGL using NASA assets, with restrained bloom (UnrealBloomPass), tone mapping, and displacement driven relief.
#100DayMapChallenge Day 59/100
🌘 Yesterday, four humans flew around the far side of the Moon for the first time since 1972.
I started building Silent Moon because I couldn’t clearly picture the Artemis II path.
Early 3D viz using real NASA JPL Horizons vectors.
#Artemis #ThreeJS #WebGL #DataStorytelling #SpaceExploration
Day 58. Furry Journey 🐾
A personal route story map built from GPS tracks, designed as a scroll-driven sequence instead of a single static line.
I used MapLibre GL + MapTiler Bright with a GraphScroll structure to synchronize map state with text progression.
#100DayMapChallenge Day 58/100
Day 57. Breaking Bad in Albuquerque 🚐
I built a small 3D Albuquerque scene where you drive an RV with W A S D and discover filming-location markers.
Stack: Three.js, WebGL, Mapbox GL JS. Inspired by Jesus Serrano’s Threebox.
🔗 maptheclouds.com/playground/3...
Day 56. Glen Canyon in blue 🔹
An interactive 3D terrain from USGS 2m DEM data, rendered with a non-standard blue-turquoise palette.
Built through a QGIS → Qgis2threejs → Three.js pipeline.
#100DayMapChallenge Day 56/100
🔗 maptheclouds.com/playground/3...
Day 55. Biker Santa 🎅🏍️
A geospatial workflow turned into a playable 3D web game.
Romanian DEM terrain prepared in QGIS/Qgis2threejs, motorcycle movement, gift-drop goals, scoring, and seasonal atmosphere in Three.js + WebGL.
#100DayMapChallenge Day 55/100
🔗 maptheclouds.com/biker-santa/
Day 54. Dots ⚫⚪
An Earth globe rendered through procedural dot logic.
I used Three.js + WebGL with custom GLSL fragment shaders to generate halftone dot patterns, where ~100k points are masked by a land texture.
#100DayMapChallenge Day 54/100
🔗 maptheclouds.com/playground/3...
Day 53. AsgardMap 🗺️⚔️
Client cartography as worldbuilding: QGIS pipeline + custom Mapbox Studio style on Iceland geography, shaped for readability and atmosphere.
Status: delivered project with documented handover and prototype evidence.
#100DayMapChallenge Day 53/100
Day 52. The Hexagonal Nose ⬡
Yosemite terrain, reimagined through speculative geology.
I used a OpenTopography LiDAR → QGIS → Qgis2threejs → Three.js pipeline.
#100DayMapChallenge Day 52/100
🔗 maptheclouds.com/playground/3...
Day 51. Cluj Globe 🌍
A small geography, viewed at planetary scale.
I took OpenStreetMap data from Cluj County and wrapped it onto a sphere to explore how scale changes spatial perception.
#100DayMapChallenge Day 51/100
🔗 maptheclouds.com/playground/3...
Day 50. Yosemite Valley in 3D ⛰️
Built from the Day 3 Yosemite dataset (PDAL/Entwine), this LiDAR scene focuses on El Capitan, The Nose, Half Dome, and surrounding walls.
Using QGIS → Qgis2threejs → Three.js.
#100DayMapChallenge Day 50/100 milestone!
🔗 maptheclouds.com/playground/3...
Week 7 Reflection From global networks to terrain, oceans, and urban form. Airports, elevation, chlorophyll, virtual land, atmosphere, wind, and city tiles. Different subjects, same approach. From GIS to 3D, from client work to experiments, each project explores how spatial structure becomes readable through motion, depth, and interaction. The question shapes the tool. Week 8 next.
Week 7 done.
Seven projects, seven spatial questions: OpenFlights globe baseline, NOAA terrain, chlorophyll seasons, client virtual-land interaction, atmosphere rendering on the Day 43 base, GPU wind flow, and city polygon tiles.
#100DayMapChallenge
