Example payload
{
"x": 200,
"y": 350
}Instant Demos
Browser p5 Visualizer
A browser-native p5 sketch proves visual pub/sub without leaving the web app.
Hosted in appRun online nowText Event
What this demo proves
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.
Platforms
Browser JavaScriptp5.js
Payload types
StringJSON / object
Channel names
demo.text.basicCanonical text channel for browser-first and two-tab demos.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.
Live browser visualizer
This is the hosted p5 surface for the canonical demo channel. Use the public demo mode for the shared instant flow, or switch to your own key and channel to test a different project.
Source files
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.