Example payload
{
"mode": "active",
"position": {
"x": 120,
"y": 84
},
"enabled": true
}Framework Demos
Vue State Sync
Placeholder for a Vue-first integration that mirrors the core browser story in a familiar app framework.
PlannedLocal setup requiredPlannedState JSON
What this demo proves
This reserves a clean path for Vue teams to adopt Data Network with canonical payloads, lightweight composables, and demo-ready reactive state patterns.
Platforms
VueBrowser JavaScript
Payload types
JSON / objectBooleanString
Channel names
demo.vue.statePlanned structured-state channel for Vue app integration demos.demo.json.stateCanonical structured-state channel for browser and SDK parity demos.Compatibility notes
Browser JavaScriptNative
Node.jsNative
PythonNative
p5.jsJSON wrapped
ProcessingJSON wrapped
ArduinoJSON wrapped
ESP32 / ESP8266JSON wrapped
Serial bridgeAdapter required
TouchDesignerNot yet supported
Run online
- Source-first only for now; not yet promoted into a hosted framework demo.
Run locally
- Use StateSyncDemo.vue as the baseline Vue subscriber/publisher surface.
- Point the component at demo.json.state and a valid project API key.
Expected output
- Vue reactive state mirrors canonical state-json payloads with a minimal component wrapper.
Troubleshooting
- This example is repo-source rather than a packaged starter app.