Functional proof — see it working, copy a start

Demo gallery

Start with demos you can run in the browser right now. Each one is a focused proof — watch it work, then copy the source to use in your own project.

4

Demos you can run right now

9

Source-backed demos

40

Platforms in the roadmap

Hosted in appInstant DemosRun online

Browser Text Playground

The fastest proof that Data Network works live in the browser.

Browser JavaScript

A new user can connect in the browser, publish structured or plain-text payloads, and watch live events move instantly across tabs.

▶ Run demo →
Hosted in appInstant DemosRun online

Browser p5 Visualizer

A browser-native p5 sketch proves visual pub/sub without leaving the web app.

Browser JavaScriptp5.js

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.

▶ Run demo →
Source-backedInstant DemosRun online

Online Editor Demos

Run DataNet from browser coding sandboxes like p5.js Web Editor, CodePen, and JSFiddle.

p5.jsCodePenJSFiddleBrowser JavaScript

Creative coders and frontend developers can paste the hosted DataNet SDK into an online editor, configure a browser key for that editor's runtime preview origin, and subscribe or publish without a local server.

▶ Run demo →
Source-backedHybrid DemosLocal setup

Node Publisher to Browser Subscriber

Shows the same channel and payload contract working from a Node script into the browser.

Node.jsBrowser JavaScript

A scriptable backend or utility runtime can publish the same canonical payloads that the browser demo receives without translation.

View demo details →
Source-backedHybrid DemosLocal setup

Python Publisher to p5 Visualizer

Pairs scripting-friendly publishing with artist-friendly visualization.

Pythonp5.js

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

View demo details →
Source-backedStudio DemosLocal setup

Processing and p5 Shared Visual Demo

Creates one coherent creative-coding story across two familiar environments.

Processingp5.js

Processing and p5 can participate in the same visual workflow when they share one array-oriented scenario and channel contract.

View demo details →
Source-backedHardware DemosLocal setupRequires hardware

Arduino Serial Bridge to Browser

Any Arduino — even a classic Uno with no WiFi — can feed live sensor data to the browser via a USB serial bridge.

Arduino (Uno/Mega/Nano)Node.jsPythonBrowser Web Serial API+1 more

A non-networked Arduino (Uno, Mega, Nano, Leonardo) participates in DataNet flows when a local bridge script reads its USB serial output and publishes canonical telemetry. Three bridge paths are provided: Node.js, Python, and browser-native Web Serial API.

View demo details →
Source-backedHardware DemosLocal setupRequires hardware

ESP32 / ESP8266 WiFi Direct

WiFi-capable microcontrollers connect directly to DataNet — no bridge computer needed.

ESP32ESP8266Arduino IDE

An ESP32 or ESP8266 can authenticate via HTTPS, open a secure WebSocket, and pub/sub canonical telemetry channels completely autonomously once flashed. This is the right path for standalone IoT devices and wireless installations.

View demo details →
Hosted in appHardware DemosRun onlineRequires hardware

Binary Lighting Control

Proves remote fixture control by sending binary Art-Net or DMX frames through Data Network.

Browser JavaScriptNode.jsESP32 / ESP8266Arduino+1 more

The platform can carry raw lighting-control payloads from a web or script publisher into a hardware or bridge receiver, which is one of the strongest demonstrations of remote control and binary transport in real installation workflows.

▶ Run demo →

On the roadmap

These platforms are planned but not yet runnable — no source files exist yet. They map Datanet's target coverage, not today's demos.

Studio Demos

TouchDesigner Control Surface

TouchDesigner
Framework Demos

React State Sync

ReactBrowser JavaScript
Framework Demos

Vue State Sync

VueBrowser JavaScript
Native Demos

React Native Mobile Realtime

React Native
Studio Demos

three.js Scene Bridge

three.jsBrowser JavaScript
Native Demos

Swift Native Realtime

Swift
Studio Demos

openFrameworks Visual Sync

openFrameworks
Ecosystem Demos

Figma Live State Sync

Figma Plugin
Ecosystem Demos

Rive Web State Machine

RiveBrowser JavaScript
Creative Coding Demos

Nodes Patch Sync

NodesBrowser JavaScript
Creative Coding Demos

cables.gl Patch Sync

cables.glBrowser JavaScriptWebGL
Engine and 3D Demos

Blender Scene Sync

BlenderPython
Engine and 3D Demos

Unity Scene Sync

UnityC#
Engine and 3D Demos

Unreal Scene Sync

Unreal EngineC++Blueprint
Hardware Demos

MIDI Bridge

MIDINode.jsBrowser JavaScript
Studio Demos

Ableton Live Bridge

Ableton LiveMax for LiveMIDI+1
Studio Demos

Max/MSP Bridge

Max/MSPNode for MaxOSC+1
Studio Demos

Pure Data Bridge

Pure DataOSCMIDI+1
Studio Demos

OSC Bridge

OSCNode.jsProcessing+1