Instant Demos

Browser Text Playground

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

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

Hosted in appText Event

▶ Run now

Session

Server-issued public demo session

Channel

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>

Reproduce it

The example project and SDK source live on GitHub — open them, then copy into your own project.

Example · datanet-examples/browser/basic-subscribe

Open on GitHub ↗

@datanet/core source · browser.ts

Open on GitHub ↗

Take it further — SDK docs

Each platform has a canonical SDK reference with install steps, auth, and full API.

Browser JavaScript · SDK →

Technical details — compatibility, payload & channel names

Payload types

StringJSON / object

Channel names

demo.text.basicCanonical text channel for browser-first and two-tab demos.

Example payload

{
  "text": "hello world",
  "label": "greeting"
}

Compatibility notes

Browser JavaScriptNative

Node.jsNative

PythonNative

p5.jsNative

ProcessingNative

ArduinoJSON wrapped

ESP32 / ESP8266JSON wrapped

Serial bridgeAdapter required

TouchDesignerNot yet supported

Run online

Open the live playground below.
Paste a valid API key and keep the default demo channel or choose your own.
Open a second tab to prove two-browser realtime behavior.

Run locally

Start the web app and open /demo/browser-text-playground.
Use the hosted or local browser SDK bundle already exposed under /sdk.

Expected output

Connected tabs receive each other’s messages in real time.
Plain text sends as strings and valid JSON sends as parsed objects.

Troubleshooting

If the SDK does not load, confirm the hosted browser bundle is available at https://datanet.art/sdk/datanet.browser.js.
If connection fails, verify the API key and gateway URLs.