p5.js · REST APIs · Live Data

Interactive dashboards
powered by public APIs

Two creative coding sketches that fetch real-world data and render it in the browser — weather, exchange rates, and AI-generated imagery.

2 Sketches
3+ APIs
p5 Canvas

Projects

Open-Meteo Exchange Rate API

European Weather & Finance Board

A live dashboard for five European capitals: current temperature, wind, and conditions plus EUR exchange rates — all drawn on a single p5.js canvas with no API keys required.

  • api.open-meteo.com
  • open.er-api.com
Open sketch
Pollinations AI p5.Image filters

AI Image Lab & Editor

Generate images from text prompts via a public image API, then apply grayscale, posterize, threshold, and color tint filters — export your result as JPG directly from the canvas.

  • image.pollinations.ai
Open sketch

About this collection

These sketches explore how p5.js can act as a visualization layer on top of REST endpoints: preload JSON in setup(), poll image URLs, and compose UI entirely with drawing primitives — cards, gradients, typography, and status bars.

Each project runs locally in the browser. Open a card above to launch the full interactive experience.