p5.geoMaps for p5.js

Draw geographic data with the p5.js functions you already know. No API keys, no build step.

Sketch-first

The map is just a background. Everything you draw is plain p5.js, with circle(), beginShape() and friends.

Works out of the box with keyless basemaps from OpenFreeMap. Nothing to sign up for.

Add one line to index.html and it runs in the p5.js Web Editor. An npm package is there too, for bundlers.

Turn the basemap off and draw maps entirely with p5 shapes, from CSV and GeoJSON data.