# Live Dashboard

## Visitors online

1

Live WebSocket connection count. Open this page in another tab and watch it move.

## Shared live counter

19

+1Reset

`wired.*` — one value for everyone, pushed to every browser instantly.  
Same variable as the State demo.

## Your private counter

0

+1Reset

`session.*` — tied to your browser only. Other visitors see their own count.

## Your Todos

Fetched from the local database with `fetch.todos = "local:todos"`, filtered to your session.

Nothing yet — add a few in the [Todo App](/content/demo/apps/todo/index.html) and come back.

## Dog Facts Feed

Fetched from a remote API at render time. The buttons store your preference in the session and re-render just the feed — no page reload.

Show:135Refresh

Dogs can discriminate the emotional expressions of human faces.

Just like human fingerprints, no two dogs' nose prints are alike.

The are 4 constellations named after dogs.

## How It Works

### wired.*

Shared live state. Mutations broadcast over WebSocket; every `w-bind` element updates in every browser.

### session.*

Per-browser state. `#session.*#` variables render reactively; `w-set` mutates them server-side.

### fetch.*

Per-request data — a local collection and a remote API, declared in the `<what>` block and rendered with `<loop>`.

### Source

```
Loading...
```