# 04 Shopfloor Monitoring

In this tutorial you build a dashboard for shopfloor screens that shows multiple machines side by side with real-time data:

<figure><img src="https://4261006941-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSNEuiyRRKwuqtIcaEt45%2Fuploads%2Fgit-blob-9448e4bc7385395d7e27f8a8b07b9ceb78c54cd7%2Fgrafana-shop-complete-01.png?alt=media" alt=""><figcaption></figcaption></figure>

## What you will learn

* Design multi-machine layouts for large screens
* Optimize panels for viewing from a distance
* Configure auto-refresh and kiosk mode

## Prerequisites

* Part 2 (visualization types) completed
* Basic knowledge of panel configuration

***

## Multi-machine layout

Grafana uses a grid with 24 units. For a shopfloor layout with 3 machines, each column gets 8 units:

1. Create all panels for one machine (header, stat, status, trend)
2. Duplicate the panels and adjust the data source
3. Position them in the next column

| Machines | Width per column |
| -------- | ---------------- |
| 2        | 12 units         |
| 3        | 8 units          |
| 4        | 6 units          |

<figure><img src="https://4261006941-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSNEuiyRRKwuqtIcaEt45%2Fuploads%2Fgit-blob-9448e4bc7385395d7e27f8a8b07b9ceb78c54cd7%2Fgrafana-shop-complete-01.png?alt=media" alt=""><figcaption></figcaption></figure>

***

## Large stat panels

For shopfloor displays, stat panels must be readable from 3 to 10 meters away:

| Setting        | Value          |
| -------------- | -------------- |
| Color mode     | Value          |
| Graph mode     | None           |
| Text mode      | Value          |
| Minimum height | 4-5 grid units |

Configure thresholds for instant status recognition (e.g. throughput: >= 90 green, >= 70 yellow, < 70 red).

<figure><img src="https://4261006941-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSNEuiyRRKwuqtIcaEt45%2Fuploads%2Fgit-blob-5b6b0204b7809f0064d2e103df47288595496b5b%2Fgrafana-shop-large-stat-01.png?alt=media" alt=""><figcaption></figcaption></figure>

***

## Status indicator

Create running/stopped indicators as a stat panel with value mappings:

| Value       | Display | Color |
| ----------- | ------- | ----- |
| 0 / stopped | STOPPED | Red   |
| 1 / running | RUNNING | Green |

Set **Color mode** to **Background** so the entire panel takes on the status color.

<figure><img src="https://4261006941-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSNEuiyRRKwuqtIcaEt45%2Fuploads%2Fgit-blob-9a8374dc5e14b2c0c5cc2b31c0cb959ab620921b%2Fgrafana-shop-status-indicator-01.png?alt=media" alt=""><figcaption></figcaption></figure>

***

## Time series with thresholds

Trend lines help identify patterns. Optimize for shopfloor viewing:

| Setting         | Value             |
| --------------- | ----------------- |
| Line width      | 2-3               |
| Fill opacity    | 10-20             |
| Point size      | Hidden            |
| Legend          | Hidden            |
| Show thresholds | As filled regions |

Set fixed min/max values on all axes so that machine charts are comparable.

<figure><img src="https://4261006941-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSNEuiyRRKwuqtIcaEt45%2Fuploads%2Fgit-blob-d61285419f8b996d37987661528413746d04337c%2Fgrafana-shop-threshold-regions-01.png?alt=media" alt=""><figcaption></figcaption></figure>

***

## Kiosk mode

Kiosk mode hides the entire Grafana UI for a clean display. Append `?kiosk` to the dashboard URL:

```
https://grafana.example.com/d/abc123/shopfloor?orgId=1&refresh=30s&kiosk
```

| URL parameter          | Effect                                 |
| ---------------------- | -------------------------------------- |
| `?kiosk`               | Hide entire UI                         |
| `?kiosk=tv`            | Hide UI, cycle through rows            |
| `?kiosk&autofitpanels` | Automatically fit panels to the screen |

<figure><img src="https://4261006941-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSNEuiyRRKwuqtIcaEt45%2Fuploads%2Fgit-blob-9448e4bc7385395d7e27f8a8b07b9ceb78c54cd7%2Fgrafana-shop-complete-01.png?alt=media" alt=""><figcaption></figcaption></figure>

***

## Tips

* **Auto-refresh**: For shopfloor displays, set a refresh interval of 30s (time picker > refresh dropdown, or dashboard settings > Auto refresh).
* **Transparent panels**: Enable **Transparent background** in the panel options for a cleaner look on dark backgrounds.
* **Color consistency**: Assign each machine a consistent color (e.g. Kiefel: green #73BF69, Macchi: blue #5794F2). Use bold colors instead of pastels.
* **Time zone**: Set the dashboard time zone to **Browser** so that the local factory time is displayed.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.enlyze.com/en/integrations/grafana/production-dashboards/01-shopfloor-monitoring.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.