Real-Time Floor Map

How It Works

Every table, every status, every second.

The floor map isn't a static image with pins. It's a live, data-driven rendering of your venue's actual layout — updated via WebSocket pub/sub so every change propagates to every connected client within one second. When a table gets reserved, blocked, seated, or cleared, every screen reflects it instantly.

Color-coded table status

Every table on the map is color-coded by its current state — available (green), reserved (purple), held (amber), seated (yellow), or blocked (grey). Staff and guests see purpose-specific views: guests see availability, while managers see spend progress and host assignments layered on top.

Room zones and table tiers

Tables are organized into zones — main floor, dance floor, mezzanine, patio, cabana, rooftop. Each zone has its own visual grouping on the map with distinct base minimums and tier pricing. Guests understand exactly what they're booking; staff know exactly where to look.

Sub-second WebSocket sync

No polling. No refresh buttons. When a table state changes — anywhere in the system — a WebSocket event fires and every connected client updates within one second. The guest browsing the booking widget, the host on their phone, and the Ops Manager on the wall display all see the same state at the same moment.

Precise coordinate rendering

Every table stores x/y coordinates that map to its physical position on the venue floor. The map renders tables in their actual spatial layout, so the digital view matches the real room. Drag-and-drop layout editing lets managers reposition tables when the floor plan changes.

Operations View

The nerve center for floor operations.

Before doors open, the Ops Manager pulls up the floor map and sees every confirmed reservation pinned to its table — host name, party size, minimum spend, deposit status, and guest notes all visible in one glance. During the night, spend progress bars update in real time, and table turns are tracked automatically.

Pre-shift assignment view

The assignment map shows every confirmed reservation pinned to its table before doors open. Host name, party size, minimum, deposit status, special requests — the pre-shift briefing in one screen. Print it, display it on a wall monitor, or review it on a tablet.

Live spend progress

Every seated table shows a real-time spend progress bar against its minimum. Tables approaching or exceeding their minimum are highlighted. The GM sees at a glance which tables are performing and which need attention — without asking a single person.

Table turn tracking

The system tracks how long each table has been seated, when it was cleared, and how quickly it was turned. Turn time analytics feed into capacity optimization — showing which sections move fastest and where bottlenecks form.

Section heat mapping

Color intensity on the map reflects revenue density by zone. High-spend sections glow warmer. Low-activity zones are cooler. At a glance, management sees where the energy and money are concentrated — and where there's opportunity.

Guest Booking View

Guests pick their table in 30 seconds.

Visual table selection

Guests see a clean, branded version of the floor map with available tables highlighted. Tap a table to see its tier, minimum, zone, and photos. No back-and-forth texts with a host — the map tells the full story.

Real-time availability

Available tables update in real time. If another guest books a table while you're browsing, it disappears from the map instantly. Concurrent reservation attempts are resolved via optimistic locking — double-booking is architecturally impossible.

Waitlist integration

When the floor is sold out, the map shows a "Join Waitlist" option. Guests see their position, get notified automatically when a table opens, and have a configurable window to confirm. No-shows and cancellations trigger waitlist releases in real time.

Group booking support

Large parties needing multiple tables book them as a linked group. The map highlights adjacent available tables and lets guests select a cluster. Split deposits, combined minimums, and linked service — treated as one party, not four reservations.

Technical Architecture

Built for 3,000-person Saturday nights.

WebSocket pub/sub

Table state changes publish to a topic-based WebSocket channel. Every connected client subscribes to the relevant venue channel and receives updates in real time. Connection management handles reconnection, backoff, and state reconciliation automatically.

Optimistic concurrency control

Every table record carries a version field. Concurrent reservation attempts on the same table are resolved at the database level — only the first write wins. The losing client receives an immediate conflict response and sees the table flip to reserved on their map.

Canvas rendering engine

The floor map renders on an HTML5 Canvas for smooth performance at any scale. Pinch-to-zoom on mobile, scroll-to-zoom on desktop. Tables, zones, labels, and status indicators render at 60fps even with 100+ tables on screen.

Offline resilience

If a client loses connection — spotty WiFi in a packed venue — the map gracefully indicates stale state and reconciles automatically on reconnection. No crashes, no blank screens, no stale data presented as current.

Every table, every status, every second.

The nerve center for floor operations.

Guests pick their table in 30 seconds.

Built for 3,000-person Saturday nights.

Watch the floor map update in real time.