Mushrooms!

Mushrooms are pretty amazing. Ancient. Weird. Scary. We walked around on a couple of days taking pictures of mushrooms. Each dot represents the geographical location where one or more pictures were taken. The color of the dot indicates who took the picture. Overlapping dots (darker color) indicates multiple pictures.

Click on a coloured dot to see the picture, or on a number to show pictures at that location. Click on the picture to return to the map.

The dots are placed on top of a map showing location of our mushroom adventure. The orange lines are the approximate boundary of our property. Learn a little more about our place.

The carousel below walks through the mushrooms. It's not as much fun as clicking on the dots in the map.

Loading mushrooms...

Implementation notes

People took pictures on their phones. A trick was to turn the phone upside down, so the camera was closer to mushroom level. If actually getting on the ground wasn't practical, then switching to 'selfie' mode on the upside down phone seemed to allow a better angle.

Pictures were sent to me via text, email, etc.; image quality may have been degraded during transfer. Phones may have differed in their concept of location. I used basic features of the MacOS Photos app to remove the 'Live' feature if present, and to export images as medium size, high quality JPEG.

I wrote a small R script to convert the metadata to JSON format for use in the Svelte app. The R script uses exiftoolr to read the EXIF data, and jsonlite to write the JSON file.

Maps were originally drawn using leaflet and p5.js (via p5-svelte) but the current version uses MapLibre.

Google Gemini and other AI helped during many steps.

The code is available on GitHub, especially MushroomMap.svelte and MushroomWalk.svelte.