Hybrid Demos

Python Publisher to p5 Visualizer

Pairs scripting-friendly publishing with artist-friendly visualization.

Local workflowLocal setup requiredSensor Scalar

What this demo proves

Scalar telemetry from Python can drive a p5 sketch using the same sensor schema and channel naming that hardware demos will share.

Platforms

Pythonp5.js

Payload types

IntegerFloat

Channel names

demo.scalar.temperatureStable telemetry channel for numeric sensor and script examples.

Example payload

{
  "sensor": "temperature",
  "value": 22.4,
  "unit": "C"
}

Compatibility notes

Browser JavaScriptNative
Node.jsNative
PythonNative
p5.jsNative
ProcessingNative
ArduinoJSON wrapped
ESP32 / ESP8266Native
Serial bridgeAdapter required
TouchDesignerNot yet supported

Run online

  • Review the shared payload and expected visual output from this detail page.
  • This demo becomes online-runnable once the p5 visual page is promoted into the app.

Run locally

  • Run the Python publisher example.
  • Point the p5 sketch at the same scalar channel.

Expected output

  • Incoming numeric values change the p5 visualization without payload remapping.

Troubleshooting

  • If the sketch connects but does not react, verify the payload uses the canonical sensor and value fields.

Local publisher, shared visual contract

This demo is source-backed and workflow-ready, but not yet promoted into a dedicated hosted visual page. The Python example publishes the scalar payload and the p5 example shows the corresponding visual contract.

Source files