Live demos

Five working builds. Open any of them.

These are the interface layers of the systems we design — grid monitoring, van dispatch, precision agriculture, hydroponic control and warehouse stock. Each one runs in your browser with no login and nothing to install. They are the quickest way to see how we think about the screen someone actually works in all day.

FaultIndicator Dispatch Tower TerraGrid GrowLine BinCard

What you're looking at

Every demo runs on simulated data generated inside the page — no customer records and no live sites behind them. Where readings move, a model in the browser is driving them. We build this way so the thing a person has to use every day can be argued about early, long before hardware, integrations or a production database exist.

FaultIndicator demo showing a grid station fleet overview with condition indices, a needs-attention table and recent alarms
Energy · Grid monitoring

FaultIndicator

Condition monitoring for a single grid station. Eleven transformers and 11 kV feeders carry a 0–100 condition index that drives every colour on the screen, and the readings step forward while you watch.

  • Fleet dashboard with alarm counts, condition mix and an estimated time to failure per asset
  • Interactive single-line diagram with animated power flow and severity filtering
  • Alarm centre where acknowledging an alarm updates the counts everywhere at once
  • Per-asset live readings, a banded 30-day trend, maintenance log and nameplate
  • Search that resolves an asset ID, a name or an alarm reference and jumps straight there
4 sections + 5-tab asset view 12 assets · 7 alarms readings step every 2.5 s
Open live demo Related case study
Dispatch Tower demo showing four delivery routes drawn on a city map with a live van list and collections figures
Distribution · Fleet dispatch

Dispatch Tower

A depot's whole day on one board. Four vans move along their routes on a city map drawn entirely in code — no tiles, no map service — while drops, cash and delays update underneath them.

  • Hand-drawn SVG city map with river, rail, named arterials and districts, and vans that actually travel
  • Traffic, labels and stops overlays, plus working zoom
  • Click a van to isolate its route, then drill into a stop-by-stop delivery timeline
  • Crew page with gate clock-ins, weekly hours and automatic overtime flags
  • Van load against depot cover-days, and collections split by cash, transfer and credit
6 views 4 routes · 36 stops · 7 crew vans advance every 3 s
Open live demo Related case study
TerraGrid demo showing a wheat field split into twelve management zones shaded by nitrogen level, with a zone detail panel
AgriTech · Precision agriculture

TerraGrid

An 18.4 hectare wheat block split into twelve management zones. Switch soil layer and the map, legend, zone list and class breaks all recolour together — then the prescription page works out what that costs.

  • Zone map shaded by nitrogen, phosphorus, potassium, moisture, pH or salinity, each with its own colour ramp
  • Zone inspector with latest readings, deficit flags and a 30-day nutrient trend
  • Full zone report with a three-depth probe profile and rule-based recommendations
  • Variable-rate urea plan — 122 kg against a 276 kg blanket spread, saving 154 kg of product
  • Season report with field means, nitrogen distribution and hectares grouped by soil type
5 views 12 zones · 6 soil layers every total computed in-page
Open live demo Related case study
GrowLine demo showing four hydroponic zones as illustrated grow racks with status pills and plain-language explanations
AgriTech · Controlled environment

GrowLine

The same automation written for the grower rather than the engineer. Four vertical NFT zones look after themselves, and every message says what the system did and why, in the words you'd use to a colleague.

  • Illustrated grow racks that respond to the readings — lamps brighten, fans spin, mist appears
  • Fans, misters and lamp levels switch themselves on threshold, flipping the on-screen toggles as they go
  • Manual override per zone, with a timeline recording what changed and when
  • Nutrient tank with working dosing buttons and a self-correcting EC and pH loop
  • 24-hour climate chart per zone with a comfortable band, plus an energy breakdown
6 views 4 zones · 7 automation rules control loop every 3 s
Open live demo Related case study
BinCard demo showing a warehouse day sheet with stock value, a reorder table and today's stock movements
Warehouse · Inventory

BinCard

The paper bin card, rebuilt for a screen. Type a SKU, an item name or a bin code into the scan box and you land on that card — ledger, running balance, rack position and what to reorder.

  • Day sheet with stock value at cost, reorder count and units moved in and out
  • Per-SKU bin card with a movement ledger and a running balance
  • Generated shelf label — a QR-style block and barcode unique to each SKU
  • Rack location grid showing where the item sits on the floor
  • Goods-received and delivery notes, staff scans on shift, and a weekly finance ledger
7 views 12 SKUs · 5 categories scan box resolves SKU, name or bin
Open live demo Related case study

Want one of these built against your own data?

We usually start exactly here — a working interface on simulated data, so the shape of the system is settled before anything expensive gets built.

Start your project