rbbrbb
AboutProjectsToolsBlog

Building automation / Topology prototype

BAS System Map

Watch ↗Live demo ↗

A topology-first prototype that brings equipment relationships, alarms, and building history into one connected map.

Status
Prototype
Year
2026
Role
Product design + development
Built with
React · TypeScript · React Flow · Vite
The complete building topology, with water and airflow paths visible at once.

The problem

Building systems are relational, but operator interfaces often present them as isolated points and equipment pages. That makes it harder to see what serves what, where a fault may propagate, or whether several alarms belong to the same event.

This prototype makes those relationships the main interface. Its data and telemetry are a designed demo, used to test navigation, alarm investigation, and historical replay rather than represent a connected production building.

What it does

See the whole system

Places central plant, hydronic loops, air handlers, and served zones on one zoomable topology with distinct water and airflow paths.

Inspect in context

Opens equipment details, points, and alarms without losing the asset's position or its upstream and downstream relationships.

Equipment details stay anchored to the surrounding network.
Point values can be inspected without leaving the topology.

Triage related alarms

Groups alarm conditions using direct equipment relationships and event timing, while keeping suggested diagnostic links separate from confirmed causes.

Asset-level alarms remain connected to the larger system view.
Alarm triage groups related conditions while identifying diagnostic leads as suggestions.

Replay the building

Moves through a timeline of building state so operators can see when an event started, which connected equipment changed, and how the system recovered.

Building Replay reconstructs system state around an event.

Find equipment fast

Searches equipment, IDs, zones, and points, then brings the matching asset into focus on the network instead of sending the operator to another screen.

Search returns the operator directly to the matching equipment in context.

From the blog

What else could a BAS interface look like?

←  All projects

QA GraphicsEmailXLinkedInGitHubYouTube