• Home
  • Work
  • About
  • Playground
  • Blog

Real-Time Geospatial Systems & Immersive 3D Maps

Browser-native spatial platforms, environmental intelligence, and high-performance interactive visualization.

Explore the #100DayMapChallengeSee selected work

Playground

#30DayMapChallenge 2023 Day 30

Well, this is my favorite map challenge. 🩵 But next year I will have a 30DayOneMapChallenge. 😀

Thanks @tjukanov
 and 'Well done' to all map enthusiasts! 🤗 🗺️ 🤟

Gallery: https://maptheclouds.com/playground/30-day-map-challenge-2023/my-favorite-map-challenge/     
Code: https://github.com/alexaac/map-challenges-2023/ 

#3D #maps
#30DayMapChallenge 2023 Day 29: Population

Because tomorrow is România's National Day: 
🇷🇴 La Mulți Ani! 🇷🇴

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/ro-mosaic/       

Map & Tool: Gridviz (Check out this awesome library ✨)
Data: European Commission

#D3js #population #grid #Romania
#30DayMapChallenge 2023 Day 28: Is this a chart or a map?   

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/demers-cartogram/     

Data: ANCPI, BEC, Alegeri 2019    

#D3js #cartogram harta #demers alegeri #Romania
#30DayMapChallenge 2023 Day 27: Dot 

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/dots/   

Data: Planet Texture Maps  

#ThreeJS #WebGL shaders #GLSL animation #globe earth #dots pattern
#30DayMapChallenge 2023 Day 26: Minimal

'EIGEN-6C4 Gravity disturbance (0.1deg)'   

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/minimal/ 

Data: Natural Earth

#ThreeJS #Shape #world #sketch #ShapeGeometry
#30DayMapChallenge 2023 Day 25: Antarctica

 'EIGEN-6C4 Gravity disturbance (0.1deg)' 

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/antarctica-gravity/                   

Data: Data: the Norwegian Polar Institute http://npolar.no/quantarctica 

#QGIS #gravity #earth poles #ThreeJS
#30DayMapChallenge 2023 Day 24: Black and White

'Moon' 🌑

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/moon/                 

Data: NASA Deep Star Maps, NASA Scientific Visualization Studio

#ThreeJS #WebGL postprocessing #glow bloom #white #black
#30DayMapChallenge 2023 Day 23: 3D

'North Cube' 

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/north-cube/               

Data: Three.js water/sky example, IBCAO, Marine Gazetteer, Stanford Earthworks

#QGIS #ThreeJS #WebGL #bathymetry shaders #north
#30DayMapChallenge 2023 Day 22: North is not always up

'Arctic Ocean' 🌊 

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/arctic-ocean/             

Data: IBCAO, Marine Gazetteer, Stanford Earthworks

 #QGIS #ThreeJS seas #bathymetry northpole #Arctic
#30DayMapChallenge 2023 Day 21: Raster

'Night Lights' 🌌

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/night-lights/           

Data: GPW v4, NOAA Average Lights X Pct, ASTER GDEM

#ThreeJS #WebGL animation #population #world
#30DayMapChallenge 2023 Day 20: Outdoors

'Southern California Backcountry Discovery Route' 🔉

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/ca-bdr/         

Made using #MaplibreGL with data from http://ridebdr.com and http://tracestrack.com

#ThreeJS #WebGL animation #BDR #motorcycle
#30DayMapChallenge 2023 Day 19: 5 Minutes Map

'Selisia'

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/selisia/       

Tool: Azgaar's Fantasy Map Generator

#fantasy #map #D3js
#30DayMapChallenge 2023 Day 18: Atmosphere  

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/atmosphere/     

Data: OpenFlights Airports Database, NASA

#ThreeJS #WebGL shaders #airplanes #3D earth globe
#30DayMapChallenge 2023 Day 17: Flow

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/air-distance/   

Data: OpenStreetMap
Tool: QGIS

 #QGIS #air distance #airports #Germany
#30DayMapChallenge 2023 Day 16: Oceania

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/oceania/ 

Data: ETOPO1 Global Relief Model, Detailed World Polygons (LSIB), Oceania, Malaysia, Antarctica, 2013  

#ThreeJS #earth #globe #Oceania islands #Pacific
#30DayMapChallenge 2023 Day 15: OpenStreetMap

'OSM Buildings - tiles with D3'  

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/osm-buildings/ 

Data: @OpenStreetMap


#D3js #MaplibreGL vector #Nominatim #3D tiles #buildings
#30DayMapChallenge 2023 Day 14: Europe

'Moto Love - Europe ❤️'

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/moto-love-europe/

Data: Natural Earth

#ThreeJS #WebGL capital cities #morphing animation #motorcycle particles
#30DayMapChallenge 2023 Day 13: Choropleth

'Average Land Surface Temperature [Day] (one year - MODIS - 2001)'

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/land-temp/

Data: NASA Earth Observations

#ThreeJS #WebGL animation #raster #MODIS
#30DayMapChallenge 2023 Day 12: South America

'Rivers'  

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/sa-rivers/       

Data: South America: River Network, 15s resolution, 2006 (HydroSHEDS - WWF)

#ThreeJS #rivers #maps flow network #QGIS
#30DayMapChallenge 2023 Day 11: Retro

'Disco Earth 🪩'

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/disco-earth/     

Data: ETOPO1 1 Arc-Minute  Global Relief Model, Amante, C. and B.W. Eakins, 2009.  (30.11.2022)      
Inspiration: @uuuuuulala
 🩵

#ThreeJS WebGL earth globe #maps NOAA #3D mirror
#30DayMapChallenge 2023 Day 10: North America

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/na-blue/  

 Data: USGS Glen Canyon    

#ThreeJS  #3D #QGIS DEM #Qgis2threejs canyon
Data: EU-DEM  

#ThreeJS procedural #3D animation #QGIS elevation #Qgis2threejs WebGL Romania
Data: ETOPO1 1 Arc-Minute  Global Relief Model, Amante, C. and B.W. Eakins, 2009.  (30.11.2022)   

#ThreeJS WebGL earth globe #maps NOAA #3D
#30DayMapChallenge 2023 Day 7: Navigation

'Race Tracker  🏍️'

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/race-tracker/

Data: Race Technology
Tool: ExifTool
Music by QubeSounds from Pixabay

#Mapbox #interactive gps #motorcycle telemetry #gopro
#30DayMapChallenge 2023 Day 6: Asia

'Sakura Bloom 💮'

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/sakura-bloom/

Data: Japanese Cherry Blossom Data (Kaggle)

#Mapbox #OSM #GSAP #animation
#30DayMapChallenge 2023 Day 4: A bad map  

'Bad in Europe'  

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/bad-in-europe/ 

Data: Eurostat NUTS 2021, ChatGPT 😀 

#ThreeJS #Europe #wordcloud #QGIS
2023 Day 3: Polygons

I had to choose between paying the rent and #30DayMapChallenge 😱 

So here's another happy Friday dance. You can add your favorite song and have fun. 😀

'Bouncing City'  🌆
Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/bouncing-city/

#ThreeJS #WebGL #manhattan #Audio #Mapbox
#30DayMapChallenge 2023 Day 2: Lines

'Neon Streets'  🔹

Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/neon-streets/
Data: https://openstreetmap.org

#ThreeJS WebGL #manhattan #OpenStreetMap shaders
Live: https://maptheclouds.com/playground/30-day-map-challenge-2023/color-splash/
Data: https://ec.europa.eu/eurostat/web/gisco/geodata/reference-data/population-distribution-demography/geostat#geostat11

#D3js Romania #population Eurostat
During the last year I played a lot with 3D maps and animations, but also with video editing, because I love music on my maps.

Here's a compilation of some of my clips: https://lnkd.in/dw_XfN_8

#maptheclouds #3D #maps #animations #earth #globe #buildings #ThreeJS #WebGL #Mapbox #Maplibre #MapTiler #QGIS #OpenStreetMap #GLSL #GSAP #Kdenlive
This map shows where tiny, floating plants (phytoplankton) live in the ocean.

Live: https://maptheclouds.com/playground/threejs/chlorophyll/

Data: https://neo.gsfc.nasa.gov/view.php?datasetId=MY1DMM_CHLORA&year=2021
Credits: Imagery produced by the NASA Earth Observations (NEO) in coordination with Gene Feldman and Norman Kuring, NASA Goddard Ocean Color Group.
Music by JuliusH from Pixabay.

#ThreeJS #WebGL #shaders #earth #globe #maps #3D #maptheclouds #cartography #arts #design #digitalart #3danimation #cgi #3dart #animation #opensource #NASA #NEO #Aqua #Modis #Chlorophyll
WebGL experiments 🔬

Live: https://maptheclouds.com/playground/buildings-experiments/uv/

Music by Lesfm from Pixabay.

#MaplibreGL #OSM #ThreeJS #WebGL #3D #maps #buildings #nyc #manhattan #maptheclouds #travel #cartography #arts #perspective #cityview #design #newyorkcity #shaders #digitalart #animation #3danimation #cgi #3dart #opensource #BurjKhalifa #MerdekaTower #ShanghaiTower #AbrajAlBait #LotteWorldTower #OneWorldTradeCenter
'Pale Blue Dot - Remix!' extras 1.

Live: https://maptheclouds.com/playground/30-day-map-challenge-2022/gl-remix-extra1/

Music by AleXZavesa from Pixabay.

Data: NOAA National Geophysical Data Center. 2009: ETOPO1 1 Arc-Minute Global Relief Model. NOAA National Centers for Environmental Information. Accessed 30.11.2022.
NOAA Technical Memorandum: Amante, C. and B.W. Eakins, 2009. ETOPO1 1 Arc-Minute Global Relief Model: Procedures, Data Sources and Analysis. NOAA Technical Memorandum NESDIS NGDC-24. National Geophysical Data Center, NOAA. doi:10.7289/V5C8276M 30.11.2022

#ThreeJS #WebGL #shaders #earth #globe #maps #NOAA #ETOPO1 #3D #maptheclouds #animation #opensource #shadertoy
All the main streets in (maybe) your city!

Music by Daddy_s_Music from Pixabay.

#QGIS #Threejs #maps #harta #OpenSource #OSM #romania #3D #rute #routes #streets #strazi #city #oras #glow #digitalart #maptheclouds
Happy Women's Day! 🤗

Videos by mungmeestudio on Vecteezy: https://www.vecteezy.com/members/mung...
Inspiration: m-trust.co.jp and Akella

Music by OYStudio from Pixabay.

#ThreeJS #WebGL #GSAP #animation #flowers #womensday #mothersday #bloom #rendering #animation #maptheclouds
Happy Dragobete! (Romanian Valentine's Day)

Music by lemonmusicstudio from Pixabay.

#dragobete #heart #love #friends #passion #digitalart #earth #globe #maps #harta #maptheclouds #ThreeJS
Music by Ashot-Danielyan-Composer from Pixabay.

#maptheclouds #stop  #war #ukraine
WebGL experiments 🔬

Music: Dawn by Sappheiros | https://soundcloud.com/sappheirosmusic
Music promoted on https://www.chosic.com/free-music/all/
Creative Commons Attribution 3.0 Unported (CC BY 3.0)
https://creativecommons.org/licenses/...

#MaplibreGL #OSM #ThreeJS #WebGL #3D #maps #buildings #nyc #manhattan #maptheclouds #travel #cartography #arts #perspective #cityview #design #newyorkcity #shaders #digitalart #animation #3danimation #cgi #3dart
Live: https://maptheclouds.com/playground/b...

Music by Skullbeatz.

#MapboxGL #ThreeJS #WebGL #3D #maps #buildings #nyc #manhattan
#maptheclouds #travel #cartography #arts #perspective #cityview #design #newyorkcity #motiongraphics #interactiondesign #shaders #digitalart #animation #3danimation #cgi #3dart #3dmodeling
Happy Valentine's Day!#valentinespecial 

Music by lemonmusicstudio from Pixabay.

 #day #heart #love #friends #passion #digitalart #chopper #sport #caferacer #enduro #adventure #motorcycle #maptheclouds #ThreeJS
Showing all from last month, by magnitude.

Disclaimer: more exaggerated scale and effects.

https://earthquake.usgs.gov/earthquakes/feed/v1.0/geojson.php
#ThreeJS #balloons #manhattan
Hot air balloon model by LowPolyBenjamin from CGTrader.
Music by Coma-Media from Pixabay.

#MapboxGL #MapTiler #ThreeJS #WebGL #3D #maps #buildings #hotair #balloons #fly #nyc #manhattan #maptheclouds
#ThreeJS #balloons #manhattan
Balloon model by justleart from CGTrader.
Music by Coma-Media from Pixabay.

#MapboxGL #MapTiler #ThreeJS #WebGL #3D #maps #buildings #balloons #fly #nyc #manhattan #maptheclouds
A portal to a hidden face of the city. 🤗 

Music by Music Unlimited from Pixabay.

#MaplibreGL #maps #3D #buildings #ThreeJS #shaders #WebGL #maptheclouds #energy
Music by Skullbeatz.

#Mapbox #maps #3D #buildings #ThreeJS #maptheclouds
Making of Cluj County, România, fantasy map style

Music: Irish Jig, by Musictown.

✨✨✨✨✨✨✨✨✨✨ 

#maps #3D #Blender #Threejs #QGIS #romania #cluj
NYC, Cluj-Napoca, Hong Kong & All Snow Dome ✨😀🤗 

Music by Intro -The XX Rock

#maps #MapboxGL #MapTiler #ThreeJS #WebGL #3D #maps #buildings
New York City dancing to the beat of Skullbeatz's Bad Cat 😀

#ThreeJS #Mapbox #shaders #WebGL #audio #maps #sound #3D #buildings #sonification
New York City dancing to the beat of Skullbeatz's Bad Cat 😀

#ThreeJS #Mapbox #shaders #WebGL #audio #maps #sound #3D #buildings #sonification
1000 ❤️ for 1000 followers

Music by Joystock - https://www.joystock.org
#ThreeJS  #WebGL
#ThreeJS  #WebGL
A big shout-out to the #ThreeJS and OSGeo community. With the free resources and code, I learned and experimented more.
### Data sources

[ETOPO1 Global Relief Model](https://www.ngdc.noaa.gov/mgg/global/relief/)
200m resolution.

Liu, H., K. C. Jezek, B. Li, and Z. Zhao. 2015. Radarsat Antarctic Mapping Project Digital Elevation Model, Version 2. [Indicate subset used]. Boulder, Colorado USA. NASA National Snow and Ice Data Center Distributed Active Archive Center. doi: http://dx.doi.org/10.5067/8JKNEW6BFRVD. [29-11-2022].

[Radarsat Antarctic Mapping Project Digital Elevation Model Version 2](https://www.npolar.no/quantarctica/#toggle-id-20)
Fluffy Antarctica from 200m elevation data. 

Live: https://maptheclouds.com/playground/3...

Data: https://www.npolar.no/quantarctica/#t... (Radarsat Antarctic Mapping Project Digital Elevation Model Version 2)

Music by AleXZavesa from Pixabay.

#ThreeJS #QGIS #maps #clouds #fly #elevation #antarctica #maptheclouds
Coloured LiDAR from point cloud tiles and aerial remote sensing data.
Data sources

[LiDAR data set collected by the New York University in 2015](https://techcrunch.com/2017/07/12/nyu-releases-the-largest-lidar-dataset-ever-to-help-urban-development/)

[2015 Aerial Laser and Photogrammetry Survey of Dublin City Collection Record](https://geo.nyu.edu/catalog/nyu_2451_38684)
Change in fossil fuel consumption in 2021. 

Change in fossil energy consumption relative to the previous year, measured in terawatt-hours (sum of energy from coal, oil and gas).

Click/Hover your mouse or tap on the countries, to hear the change.
Data sources

Our World in Data
Inspiration

https://globxblog.inrae.fr/sonification-pitch-volume-mapping/
Pangaea 600 million years ago
Data sources

[C.R. Scotese](http://www.scotese.com/)
[Ian Webster](https://www.ianww.com/)
Too lazy to build my own script, so cheating a bit. Use https://duotones.co/ to apply this effect for any of your maps.
Cluj, România, 'Lord of the Rings' map style 🖤

[OpenStreetMap](https://www.openstreetmap.org/about/)
No photos from the trip? Fixed it!

Corgi Routes 🙂 #MapLibreGL #MapTiler #D3js #3D #maps #terrain #gps #gpx

Music by SergeQuadrado from pixabay.com


Enjoy the beautiful Corgi views from this nice trip. Drag and drop your own gpx file to explore it. (maybe it works)
Data sources

[route1](https://www.alltrails.com/explore/recording/bike-savadisla-valea-plescuta-culme-relee-lita-lita-savadisla-2017-09-30)

[route2](https://www.alltrails.com/explore/trail/romania/covasna/traseu-mtb-ride)

[route3](https://www.alltrails.com/explore/trail/romania/prahova/piatra-arsa-to-sinaia-cycle-route)
A gravity hill, also known as a magnetic hill, mystery hill, mystery spot, gravity road, or anti-gravity hill, is a place where the layout of the surrounding land produces an optical illusion, making a slight downhill slope appear to be an uphill slope. Thus, a car left out of gear will appear to be rolling uphill against gravity. There are hundreds of recognized gravity hills around the world.
Population Density for 400m H3 Hexagons. Values represent number of people in cell. Release 2022-06-30.
Aiudului Gorges, România
Music by Dmitry Taras from Pixabay. 

#threejs #OpenLayers #maps #escalada #climbing #chei #aiudului #romania #maptheclouds
Data sources

three.js journey
Who wouldn't want fireflies all over their maps?

Live: https://maptheclouds.com/playground/3...

Music by geoffharvey from Pixabay.

#3d #earth #globe #render #3dart #cgi #rendering #animation #digitalart #3dmodeling #glass #art #fireflies #blender #blender3d #design #threejs #webgl #shaders #threejsjourney
Data sources

ETOPO1 Global Relief Model
Inspiration

AlteredQualia
Data sources

Sculpted Gifts
România heights
Live: https://maptheclouds.com/playground/3...

Music by Miyagisama from Pixabay.

#30DayMapChallenge #maps #3D #cheese #Threejs #earth #moon #globe #maptheclouds
Data sources

GPW v4

NOAA Average Lights X Pct
Press "W", "A", "S", "D" keys to drive the truck
Data: HYG-Database
Tools: D3.js, Three.js

Music by AleX Zavesa from Pixabay.

#d3js #ThreeJS #gsap #maps #3D #stars #animation #maptheclouds #video #kdenlive

Data sources

HYG-Database
Data sources

OpenStreetMap
What if Earth was a county? 

https://maptheclouds.com/playground/3...

Music by Olexy from Pixabay.

#ThreeJS #WebGL #OpenStreetMap #animation #shaders #maps #3D #globe #maptheclouds #cluj #clujnapoca #romania #forests #green #elevation #3dart #cgi #rendering #digitalart #design #maptheclouds
The Global Forecast System (GFS) is a National Centers for Environmental Prediction (NCEP) weather forecast model.

Here's an animation of wind power generated using the WebGL Wind library, created by Volodymyr Agafonkin.

Parameters: 0.50 degree grid, the 31st of October, 100 m above ground, 3 to 3 hours.

Data sources

NCEP GFS Forecasts
Inspiration

WebGL Wind
OpenFlights Airports Database contains over 10,000 airports, train stations and ferry terminals spanning the globe.

Feel free to query all 8000+ airports on this map.
Data sources

OpenFlights Airports Database
Swipe to build mountains 😀

Live: https://maptheclouds.com/playground/3... 

Music by AleXZavesa from Pixabay.

#ThreeJS #shaders #maps #3D #maptheclouds #cluj #romania #forests #green #elevation

Here's a map made in QGIS, and visualized using ThreeJS: Cluj County, România map with a focus on forests.
MapboxGL - Here's one of my buildings experiments, where I add a custom layer to Mapbox GL, and tweak it using pure WebGL.
With the Tangram map renderer, you quickly can make beautiful and useful 2D and 3D maps. Tangram is open source, and supports several vector data formats.

Here's Hong Kong, revealed using the crosshatch style developed by Patricio Gonzalez Vivo.

Data sources

Nextzen
Live: https://maptheclouds.com/playground/3...

Music by Music_For_Videos from Pixabay.

#patriciogv  #TangramJS  #webgl  #shaders  #crosshatch  #map  #3D #Leaflet #OSM #hongkong
OpenFlights Airports Database contains over 10,000 airports, train stations and ferry terminals spanning the globe.  

Feel free to query all 8000+ airports on this map.

Data sources

OpenFlights Airports Database
Just starting my experiments with ThreeJS. 🌍
DA Office Organizational Chart
Sierra Leone - Travel duration to schools
Fab Data
[The Data Visualisation Catalogue](https://datavizcatalogue.com)

[The Graphic Continuum](https://datavizcatalogue.com/store/product/the-graphic-continuum-poster/)

[Visual Vocabulary](https://ft-interactive.github.io/visual-vocabulary/)
Utilize HTML and CSS skills to build out a personal blog website, including custom images, layout, and styling. Respect style guides and develop a design system.
https://github.com/kevelyn1

https://overpass-turbo.eu/

http://geo-spatial.org/vechi/download/romania-seturi-vectoriale
MapTheClouds projects in 2021
https://threejs.org/examples/webgl_postprocessing_unreal_bloom_selective

https://threejs.org/examples/webgl_points_sprites
Started to remake the Earth in Blender, after @andrewpprice's tutorial on YouTube.

Data: https://www.blenderguru.com/tutorials/earth-cycles, http://planetpixelemporium.com/earth.html, https://svs.gsfc.nasa.gov/3895

Inspiration

https://www.youtube.com/watch?v=9Q8PwcDzb8Y

https://www.blenderguru.com/tutorials/earth-cycles
A note on my first full month 30DayMapChallenge.
Moraine Dome, Sugarloaf Dome and Bunnell Point Cliffs. Data voids in LiDAR caused by waterbodies and cliff shadows can be observed as gaps in <a href="https://potree.entwine.io/data/view.html?r=%22https://maptheclouds.com/ept_little/%22">Potree</a>.
Testing various projections.
Country parts are colored by groups of 6 time zones.
Population density combined with lights heatmap.
Change in fossil energy consumption relative to the previous year, measured in terawatt-hours (sum of energy from coal, oil and gas).
Sample case clusters grouped by county.
Samples from the maps that were scanned and georeferenced for the e-Harta project, developed by geo-spatial.org. (Quickly) Testing QGIS georeferencer.
The distribution of population per 250m cells, expressed as the absolute number of inhabitants of the cell.
The results from the Romania's Presidential Elections 2019, round 2. 

The size of each county is distorted by population (the total number of valid expressed votes).
Yet another România elevation map.
Watch Pippin as he explores Aiudului Gorges and makes new friends.
First 15 Most Populated Islands in the World.
Sea surface temperature on November 3, in the Mediterranean and Black Sea Area. Two color scales, green/red.
Land cover from the 'coordination of information on the environment' EU database.
The World Settlement Footprint 2019 for Cluj-Napoca area, from Copernicus Sentinel-1 and Sentinel-2 missions. Computed by ESA, DLR and Google Earth Engine.
I couldn't find the hexagonal grid pancake, so here are the butterfly population, the 3D ants' volcano, the mushrooms aerial and the urban bricks. Bonus, the circle pack slide.
Map the clouds in Manhattan. :)
Country parts are colored by groups of 6 time zones.
Higher bars represent cities with greater population.
The 3D Nose (El Capitan), The Dome & Co.
Compare various raster pseudocolor images.

Navigation is sinchronised. Cluj-Napoca zone.
Testing NASA's CGI Moon Kit.
Nice blue color scale. A section of Glen Canyon (Utah and Arizona), and a zone in North Canada.
Detect changes in green land coverage using PALSAR-2 images.
The results of the volcanic eruptions since 11 September 2021 in La Palma (Cumbre Vieja region), a Spanish Canary Island.
The visualization below shows nodes from the OpenStreetMap data for a selected zone.
What if Yosemite Valley rocks were shaped by columnar joints?

This visualization shows The Hexagonal Nose.
The visualization shows the Timișoara historical center, România.
The visualization below shows the Yosemite Valley river network and catchment area.

Streams are coloured by their flow order.
Populated Places on Earth

The visualization below shows the populated places. The bigger the circle, the greater the population.

Cities with a bigger rank are more brightly coloured.
Make a map each day in November, on the topics suggested by Topi Tjukanov.
Make a chart each day in April, on the following topics: comparisons, distributions, relationships, timeseries, uncertainties.
I could have used a force layout, and distribute the points using a forceX attribute, but for performance I have used directly the day attribute to plot the points on the X axis, and a calculated order by day attribute, for the Y axis, and the number of related cases for the circle diameter, and the result was a bubble chart. 

I have also used the arc diagram layout for the links.
Treemaps are an alternative way of visualizing the hierarchical structure of a Tree Diagram while also displaying quantities for each category via area size. Each category is assigned a rectangle area with their subcategory rectangles nested inside of it. When a quantity is assigned to a category, its area size is displayed in proportion to that quantity and to the other quantities within the same parent category in a part-to-whole relationship. Also, the area size of the parent category is the total of its subcategories. If no quantity is assigned to a subcategory, then it’s area is divided equally amongst the other subcategories within its parent category.
I have converted the counties geometries file to GeoJSON using GDAL ‘Convert Format’ (in QGIS), then I have used Mapshaper to simplify the GeoJSON files, and bundle all the data into a single TopoJSON file. This format reduces the file size and has some other useful features, like topology-preserving shape simplification.

Then, the points representing the aggregated data were placed in a circular manner over each county, using a pack layout.
I’ve set the D3.js forces simulation so that nodes would be displayed around a center of gravity, the cases would be drawn as points, the links between them as lines, and attraction-rejection force algorithms would automatically distribute all the elements in the drawing space (or canvas).

I had to find a workaround to add the source countries to the simulation, and at some point we decided to leave out the nodes that were not linked to other community cases.

Then, I wrapped the code in a JavaScript framework, svelte, and I’ve added different features to the app, that I thought would be useful: display on the map, cluster the cases per county, display the cases on a timeline graph, ordered by day and stacked. Layouts by screen resolution, legends, navigation – zoom and pan, a play button that would step through each case, pop-up info about the case, web link to the source article, display the labels by zoom. Coloring by county, gender, age, status.
This is a variant of the ‘Relationship between cases’ graphic, in which the cases are grouped by county and source case.
I have made three cumulative graphs, for confirmed, recovered and lost cases, and the user can see more information on hover. Later, I have added a graph for active cases, and a feature named brush, that lets the user select portions of the timeline on a area below the main graphs, so that the graphic would expose data only for the selected time interval.

The last features I’ve added were three more graphs for new cases per day, and a dropdown, initially hidden, that lets the user choose between graphs.
Point Cloud data processing, analysis and visualization.

Data: free data for Dublin, a part of the densest public LiDAR data set ever collected by the New York University in 2015, via its Center for Urban Science and Progress (LAZ point cloud tiles) and their corresponding ortophotos from the 2015 Aerial Laser and Photogrammetry Survey of Dublin City Collection Record.

Tools: PDAL, Entwine, Potree, QGIS, bash.
Data: LiDAR files in the compressed LAZ format, from Taal Open LiDAR. The data was collected for the UP TCAGP and PHIL-LiDAR Program. There are multiple 1 meter LAZ tiles that each cover an area of 1000 by 1000 meter.

Tools: PDAL, Entwine, Potree, QGIS, bash.
Data: three point clouds of LAS type for Yosemite Valley from OpenTopography, aerial data from NAIP (National Agriculture Imagery Program).

Tools: PDAL, Entwine, Potree, QGIS, bash.
Since the beginning of August 2019, NASA satellites have observed several fires near the border of Bolivia, Paraguay, and Brazil (not in the Amazon rainforest). On August 25, 2019, the Operational Land Imager (OLI) on Landsat 8 acquired images of one of the larger fires, which was burning north of the Paraguay River near Puerto Busch.

This project focuses on change detection analysis, estimating burn severity by analyzing Landsat images acquired before and after a fire. A differenced Normalized Burn Ratio (dNBR) can be used to support fire managers, to measure the burn scars to create a baseline for forest regeneration.

The Normalized Burn Ratio (NBR) is an index designed to highlight burnt areas in large fire zones. The formula is similar to NDVI, except that the formula combines the use of both near infrared (NIR) and shortwave infrared (SWIR) wavelengths. Burn severity describes how the fire intensity affects the functioning of the ecosystem in the area that has been burnt.

The analysis is conducted combining automated ArcGIS models and scripts with supervised classification. Based on pre and post fire Landsat scenes archives, we generate a differenced normalized burn ratio (dNBR) raster, then use supervised classification to produce a 4-class thematic burn severity signature file, then we reclassify dNBR, calculate acreage and find largest burnt perimeter using another model.
This is an old map from 2011 made with MapTiler and GDAL2Tiles.

It is displayed using OpenLayers and uses OpenStreetMap as basemap.

Aiudului Gorges (Cheile Aiudului) is a beautiful place for climbing in Trascăului Mountains, România (lat=46.37716&lon=23.58264).

The map is currently available at Harta Cheilor Aiudului.

For now, this is work in progress, I intend to update it. :)
Yosemite Valley glacially carved canyon hosts unique vertical geologic resources, like granitic domes, monoliths, spires, and cliffs. El Capitan (1000m tall), Yosemite Falls or Half Dome attract climbers and tourists from all over the world, Camp 4 is regarded as the birthplace of modern rock climbing. There have been numerous studies in the area, regarding rock fall hazards, landslides, and there is a map of the approximate climbing areas, but there were no public maps of the climbing walls. A map of the climbing walls would be useful for climbers to better understand the climbing environment and visualize the routes vicinity.

This project is an attempt to delineate the Yosemite climbing walls by creating a high resolution Digital Terrain Model (0.5m), from light detection and ranging data (LiDAR) captured using Airborne scanning. The resolution is a crucial factor in the analysis, lower resolution data would result in smaller walls lengths and less steep slopes, because the values would be interpolated. From the 3D model, we derive raster image files and extract the climbing walls: outline the morphologic characteristics of the ground surface (slope), identify the areas with steep slope above 75° and create a cluster of similar zones using raster image generalization algorithms. Also, we determine the wall length using a flow direction algorithm to obtain the main flow lines that cross a wall, and calculating the difference in elevation for each. With the slope and length data, we classify the climbing walls by steepness and length, for example from yellow to red (> 45° and > 100m difference in elevation, > 75° and > 900m difference in elevation). There is an extra suitability analysis in which we overlay subjective criteria (distance to roads, rivers, springs, parking) to find out the best climbing place.

There are still many methods to refine the analysis results and define the climbing walls or to obtain the wall length, correlated with on-site analysis. The project does not analyze the climbing walls in detail, because there is a lack of data from the ‘shadow’ effect that occurs when data is being collected from above the cliffs and overhangs (LiDAR data from the ground, or high resolution photos would be more useful for this kind of analysis). However, the overall result gives a better overview on the existing climbing areas and highlights possible new climbing areas, proving that LiDAR is a valuable resource that can be used with success to examine the surface morphology.
Generate Mondrian painting in Perl using CSS Grid, after the example from https://github.com/jen4web/fem-layout.

Then generate the same page using only HTML5.
Elections Cartograms 2019
     
      The cartograms show the size of each county distorted by population (the total number of valid expressed votes). Eg. Bucharest(B1-B6), the country capital, is small on the geographic map, but much bigger on the cartograms. The color ranges show the votes each candidate has received per electoral district, in percentages. SR represents the voters from abroad.
      
      More info on elections: <a href="https://en.wikipedia.org/wiki/2019_Romanian_presidential_election#Iohannis_vs._D%C4%83ncil%C4%83">2019 Romanian presidential election</a>.
      
      More info on cartograms: <a href="https://gistbok.ucgis.org/bok-topics/2017-quarter-04/cartograms">Introducing Cartograms</a>.
      
      Data sources: Data from <a href="https://geoportal.ancpi.ro/">Geoportalul Agentiei Nationale de Cadastru si Publicitate Imobiliara</a>, <a href="http://prezidentiale2019.bec.ro/">Biroul Electoral Central</a> and <a href="https://prezenta.bec.ro/prezidentiale10112019">Alegeri Prezidentiale 10 Noiembrie 2019</a>.
[See More Projects]
[Latest Tweets]
[Latest Blog Posts]

By using this site you agree to our Terms and Conditions. Please Accept these before using the site.

  • © 2026 MapTheClouds
  • Terms
  • Privacy