Functional proof — see it working, copy a start

Live browser playground

No account needed. Run the demo below, watch messages arrive, and copy the snippet that matches what you're building. Need the full SDK reference? Read the docs →

Browse all {28} demos →SDK reference

Demo Matrix

See the broader system, not just one playground.

The gallery maps runnable and source-backed demos across platforms, payload types, hardware, and online workflows.

28 demos40 platforms
View demo matrix →
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="https://datanet.art/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
}