RomanDataLab/africa_archschools

Voronoi cells around architectural high schools in Africa. Mapbox GL, Typescript, Turf.js # 🏛️ African Architecture Schools - Voronoi Map Interactive map visualization showing **141 architecture schools** across **50 African countries/regions** with Voronoi cell overlays. ## 🌍 Live Demo View Live Map *(Update this URL after deployment)* ## ✨ Features - 🗺️ **Interactive Mapbox Map** - Light OpenStreetMap style with smooth navigation - 📐 **Voronoi Diagram** - Shows nearest school zones (200-mile buffer around Africa) - 🎯 **Click Interactions** - Popups stay open until closed - 🌊 **200-Mile Buffer Zone** - Covers Africa, Cabo Verde, Canary Islands, Madeira, Madagascar & more - 💙 **Smart Voronoi Clipping** - Cells clipped to buffer zone boundaries - 🔴 **141 Schools** across 50 countries/regions - 🚀 **Built with TypeScript + Turf.js + Mapbox GL JS** ## 📊 Coverage The map includes architecture schools from: - **All 54 African countries** (including island nations) - **Spanish territories**: Ceuta, Canary Islands - **Portuguese territory**: Madeira - **10 schools in Egypt** - most comprehensive coverage - **Newest addition**: South Sudan (2 schools) ## 🚀 Quick Start ### Prerequisites - Node.js (v18 or higher) - npm or yarn ### Installation ```bash # Clone the repository git clone github.com cd africa_archschools # Install dependencies npm install ``` ### Development ```bash # Start development server npm run dev ``` Open `localhost` in your browser. ### Build for Production ```bash # Build for production npm run build # Preview production build npm run preview ``` ## 🛠️ Technology Stack - **TypeScript** - Type-safe JavaScript - **Vite** - Lightning-fast build tool and dev server - **Mapbox GL JS v3** - Interactive maps with vector tiles - **Turf.js v7** - Advanced geospatial analysis - **GeoJSON** - Standard geographic data format ## 📁 Project Structure ``` africa_archschools/ ├── src/ │ ├── main.ts # Main application logic & Voronoi generation │ ├── config.ts …