Why

Barcelona publishes data on every one of its ~221,000 street trees. I wanted to turn that open dataset into something you can actually explore: pan around the city and filter by species, district, neighbourhood and height.

How

A React + TypeScript + Vite front-end. Leaflet renders the map, Supercluster clusters the 221k points so it stays smooth, and ECharts powers the charts. Data is served from Supabase. It ships as an installable PWA, deployed on Cloudflare Pages with Umami for privacy-friendly analytics.

Technologies

AI used

Built with AI assistance (Claude Code) for the data pipeline, clustering logic and UI iteration.