Instant Demos
Browser p5 Visualizer
A browser-native p5 sketch proves visual pub/sub without leaving the web app.
The same demo channel can drive a visual p5 surface in-browser, not just a text console, which makes the platform feel much closer to artist and installation workflows.
Hosted in appText Event
Browser p5 Demo
Live visual pub/sub sketch
This sketch listens on demo.text.basic and turns incoming messages into a live signal field. Incoming coordinates now bend the existing network toward each event.
Reproduce it
Copy these files to run the demo in your own project.
Take it further — SDK docs
Each platform has a canonical SDK reference with install steps, auth, and full API.
Technical details — compatibility, payload & channel names
Payload types
StringJSON / object
Channel names
demo.text.basicCanonical text channel for browser-first and two-tab demos.Example payload
{
"x": 200,
"y": 350
}Compatibility notes
Browser JavaScriptNative
Node.jsNative
PythonNative
p5.jsNative
ProcessingNative
ArduinoJSON wrapped
ESP32 / ESP8266JSON wrapped
Serial bridgeAdapter required
TouchDesignerNot yet supported
Run online
- Open the instant demo page and enter an API key once.
- Use the text playground or another tab to publish messages on the shared channel.
- Watch the p5 sketch react to incoming points and text-driven fallback values.
Run locally
- Start the web app and open /demo.
- Use the same canonical browser demo channel in both surfaces.
Expected output
- JSON payloads with x and y fields create direct visual points.
- String payloads still create motion so the canvas never feels dead.
Troubleshooting
- If the canvas does not connect, verify the API key in the instant demo form.
- If the iframe loads but stays static, confirm the p5 CDN is reachable.