Smart.SiteMap puts many sites on one picture, so that "where is something wrong" is answered with a place.

The pump stations of a water network, the turbines of a wind farm, the substations of a grid. The picture is the plant's own - an image, or an SVG placed inside the element that takes the theme's colours - and sites are placed on it by percent, so it scales with its box. A site that is fine is neutral grey; colour, the alarm count and a heavier mark are only for a site that needs someone.

A water network

Select a site to see it under the map; Open raises siteOpen, for the host to go to that site's screen. The markers are one tab stop: the arrow keys walk them top to bottom, left to right.

The map raises siteSelect and siteOpen.

On the map of the world

With tiles the picture is a map, and sites go by latitude and longitude. Drag to pan; zoom with the buttons, a double-click, a pinch, the plus and minus keys, or Ctrl and the wheel - the wheel alone still scrolls the page. The tiles are drawn muted, so an alarm is what the eye finds, not a motorway. detail="popup" opens the card beside its marker; the readings here arrive through push() every two seconds, as a strip chart's pens do.

These tiles come from OpenStreetMap's public server, which asks for light use; a plant points tiles at its own tile server, and the map works with no internet at all. Nothing is fetched until tiles is set.

Drag the map, or select a site.

The same sites as a table

view="list", or the List button: the sites worst first, for anyone who does not read the picture - and for a phone.

Without a picture

With no picture the sites sit on a grid. showLabels off names only the sites that need someone: a wind farm of twenty turbines, two of which do.