Browse the full demo gallery →

Instant Demo

Live browser playground

Launch a live public session, publish canonical payloads, and verify the network in real time before you dive into the broader gallery.

Run online nowPublic demo sessionScenario: Text Event
Server-issued public demo session
Not connectedServer-issued public demo token

The public demo is pinned to demo.text.basic so the sketch below always responds. Switch to Use your own key to test any other project or channel.

Start the public demo to begin receiving messages.

SDK code

This is the same browser SDK flow surfaced as a canonical instant demo.

<script src="/sdk/datanet.browser.js"></script>
<script>
  const client = new DataNet({
    apiKey: "public-demo-session",
    apiUrl: "/api/demo",
    wsUrl: "wss://ws.datanet.art",
  });

  client.on("connect", () => {
    client.subscribe("demo.text.basic", (data, meta) => {
      console.log("received:", data);
    });
  });

  await client.connect();

  client.publish("demo.text.basic", { x: 0.5, y: 0.5 });
</script>

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.

Binary Lighting Demo

Browser DMX publisher

Publish a binary DMX frame from the browser to demo.lighting.dmx, then let the Node bridge forward it to an Art-Net fixture or node.

Not connected0 frames sent

Use the controls below to publish a DMX frame.

{
  "channel": "demo.lighting.dmx",
  "contentType": "binary/dmx",
  "startChannel": 1,
  "previewChannels": [
    255,
    255,
    120,
    40,
    0,
    0,
    0,
    0
  ],
  "universeBytes": 512
}