I wanted to share a small project I’ve been working on. The goal was to make the data from NASA’s Landsat Thermal Infrared Sensor more accessible to the general public.
I worked with the raw temperature band data to general annual maximum surface temperature raster images for large urban areas covered by the Eurostat GISCO Urban Audit. In the browser, these images are transformed into easier to interpret isotherm contours with some adjustable settings.
I don’t have a specific target audience in mind. The map could help identify areas of refuge for the warmer months, or overheated neighborhoods to avoid as we march towards a toasty future.
Feedback is welcome :)
EDIT: For UK visitors, sorry to leave you with an empty map…
I’ve taken a look at older urban extent data and found the geometry I need to process the UK (from before leaving Eurostat). However, there are still some UI limitations to overcome since it seems that cities are split into many boroughs that could only be viewed one at a time. The reason I went with the Eurostat dataset to begin with was a nice delineation of what a city was (for the purposes of this project).
Don’t have a timeline, but I do want to add the UK and automatic loading of cities as you pan!
Is there a bug? When I click it takes me to some random city with heat data, but panning/zooming any other city is just grey.
Makes me think you have coverage on many cities but the AJAX call to get new data isn’t working.
Sorry, you currently need to click to load another area. You can also navigate with the search bar or randomize by clicking the city icon.
I do want to load things automatically but need to figure out how to avoid hogging to much resources for contouring on the users device.
This is the first time sharing this, so a bit of an early release 😅
Works for me, but you have to tap on the city you want to see for the data to be displayed
It’s admittedly less obvious on mobile.