Visualizzazioni Avanzate
Mappa di calore per zona, timeline a cascata e sparkline per un'analisi visiva dettagliata delle operazioni.
Visualizzazioni Avanzate
Le visualizzazioni avanzate della dashboard trasformano i numeri in pattern visibili a colpo d'occhio. Quando un supervisore guarda 120 asset distinti con 40 metriche ciascuno, una heatmap sulla planimetria o una griglia di sparkline cattura l'intero stato in 2 secondi — cosa che una tabella densa non riuscirà mai a fare.
A cosa serve
- Vedere lo stato globale dell'impianto in una heatmap sovrapposta al layout fisico, invece di scorrere liste.
- Correlare eventi tra asset con la timeline a cascata (perché 3 macchine si sono guastate la stessa notte?).
- Rilevare tendenze di deterioramento nelle sparkline senza aprire ogni asset uno per uno.
Come funziona
flowchart LR
S[(Telemetria<br/>in tempo reale)] --> A[Aggregatore<br/>per zona/asset]
A --> H[Heatmap<br/>sulla planimetria]
A --> T[Cascading timeline<br/>eventi correlati]
A --> SP[Sparkline grid<br/>tendenze parallele]
H --> UI[Dashboard]
T --> UI
SP --> UIOgni visualizzazione beve dallo stesso strato aggregato ma lo presenta con una geometria diversa:
- Heatmap: colore per zona secondo la metrica scelta.
- Cascading timeline: ogni asset è una riga, il tempo corre orizzontale, gli eventi sono marcatori tipo-specifici.
- Sparkline grid: una matrice di mini-grafici, uno per asset, per confrontare tendenze fianco a fianco.
Mappa di calore per zona
La heatmap mostra lo stato degli asset sovrapposto alla planimetria dell'impianto. Ogni zona viene colorata in base a una metrica selezionata.
Configurazione
| Campo | Descrizione |
|---|---|
| Planimetria base | Immagine SVG o PNG del layout dell'impianto |
| Zone | Aree definite come poligoni sulla planimetria |
| Metrica | Variabile da visualizzare: temperatura, vibrazione, disponibilita, ecc. |
| Scala | Gradiente di colore: verde (ottimale) a rosso (critico) |
Definire le zone
Le zone vengono definite disegnando poligoni direttamente sulla planimetria nell'editor visuale:
- Vai a Dashboard > Modifica > Heatmap.
- Carica la planimetria base o selezionane una esistente.
- Usa lo strumento poligono per delimitare ogni zona.
- Assegna un nome e gli asset contenuti in ogni zona.
Interattivita
- Hover — Mostra tooltip con il valore attuale e il nome della zona
- Click — Apre il pannello di dettaglio con asset e allarmi della zona
- Zoom — Scroll per ingrandire/rimpicciolire la planimetria
Timeline a cascata
La cascading timeline mostra eventi e attivita in parallelo organizzati per asset, ideale per identificare pattern di guasto correlati.
Struttura
| Asse | Contenuto |
|---|---|
| Y (righe) | Un asset per riga, ordinati per zona o criticita |
| X (tempo) | Linea temporale con scala configurabile |
| Marcatori | Icone che rappresentano eventi, attivita e allarmi |
Tipi di marcatore
| Icona | Tipo | Descrizione |
|---|---|---|
| Cerchio rosso | Allarme | Evento di allarme con gravita alta o critica |
| Cerchio giallo | Avvertimento | Allarme di gravita media o bassa |
| Quadrato blu | Attivita | Attivita di manutenzione programmata o eseguita |
| Triangolo verde | Lettura | Lettura del sensore fuori dal range normale |
Correlazione visiva
La timeline evidenzia automaticamente i pattern quando:
- Piu asset nella stessa zona generano allarmi in una finestra di 2 ore
- Un asset accumula 3+ allarmi in 24 ore
- Un'attivita correttiva viene generata entro 1 ora da un allarme
Sparkline
Le sparkline sono mini-grafici a linea che mostrano tendenze in spazi ridotti. Vengono utilizzate all'interno di schede KPI, tabelle e griglie.
Configurazione delle sparkline
| Parametro | Descrizione | Default |
|---|---|---|
| points | Numero di punti dati | 30 |
| period | Periodo per punto: 1h, 1d, 1w | 1d |
| color | Colore della linea | Automatico in base alla tendenza |
| fill | Riempimento sotto la curva | true |
| threshold | Linea orizzontale di riferimento | null |
Colori automatici
Se non viene definito un colore fisso, la sparkline cambia colore in base alla tendenza:
- Verde — Tendenza positiva (miglioramento rispetto al periodo precedente)
- Rosso — Tendenza negativa (deterioramento rispetto al periodo precedente)
- Grigio — Nessun cambiamento significativo (variazione inferiore al 2%)
Griglia di sparkline
Il widget Sparkline Grid mostra una matrice di mini-grafici, uno per asset:
{
"widget": "sparkline_grid",
"config": {
"assets": "all",
"metric": "health_score",
"columns": 4,
"points": 14,
"period": "1d"
}
}Permette di identificare rapidamente quali asset si stanno deteriorando confrontando visivamente piu tendenze in una singola vista.
Casi d'uso
1 · Il supervisore individua una zona calda. La heatmap di un'area compressori diventa rosso intenso durante il turno notturno. Click: i 3 compressori della zona sono passati da AHI 85 a AHI 65 in 4 ore. Ispezione immediata — risulta un problema di alimentazione elettrica condivisa.
2 · Investigazione post-incidente. Dopo un fermo non pianificato, l'ingegnere apre la cascading timeline filtrata alle 6 ore precedenti. Vede che un allarme di temperatura sulla caldaia ha preceduto di 45 minuti il guasto della linea di trasferimento. Pattern non ovvio nella vista tabulare.
3 · Riunione mensile di stato. Il gerente di manutenzione apre la riunione con la sparkline grid dell'AHI dei 20 asset critici. I 3 asset con tendenza rossa degli ultimi 14 giorni diventano gli item di agenda. Meno tempo sulle dashboard, più sulle decisioni.
Limiti e assunzioni
- La planimetria della heatmap va caricata come immagine (SVG o PNG); non c'è editor CAD integrato.
- La cascading timeline carica al massimo 90 giorni — per analisi storiche più lunghe, esportare in CSV da Dati → Report.
- Le sparkline non accettano aggregazioni complesse (percentili, deviazione); solo somma/media per bucket temporale.
- La correlazione visiva nella timeline è euristica (finestre temporali fisse); non sostituisce un'analisi causale formale.
Benefici chiave
- Heatmap sul layout fisico — capire l'impianto senza aprire tabelle.
- Timeline a cascata che correla eventi tra asset vicini.
- Sparkline grid per scansione rapida di 20+ asset in una schermata.
- Interattività diretta: click su una zona apre il suo dettaglio.
- Livelli multipli di metrica senza ridefinire le zone.