Rela AIRela AI Docs
Dashboard

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 --> UI

Ogni 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

CampoDescrizione
Planimetria baseImmagine SVG o PNG del layout dell'impianto
ZoneAree definite come poligoni sulla planimetria
MetricaVariabile da visualizzare: temperatura, vibrazione, disponibilita, ecc.
ScalaGradiente di colore: verde (ottimale) a rosso (critico)

Definire le zone

Le zone vengono definite disegnando poligoni direttamente sulla planimetria nell'editor visuale:

  1. Vai a Dashboard > Modifica > Heatmap.
  2. Carica la planimetria base o selezionane una esistente.
  3. Usa lo strumento poligono per delimitare ogni zona.
  4. Assegna un nome e gli asset contenuti in ogni zona.
La heatmap supporta livelli multipli. Puoi alternare tra metriche senza ridefinire le zone.

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

AsseContenuto
Y (righe)Un asset per riga, ordinati per zona o criticita
X (tempo)Linea temporale con scala configurabile
MarcatoriIcone che rappresentano eventi, attivita e allarmi

Tipi di marcatore

IconaTipoDescrizione
Cerchio rossoAllarmeEvento di allarme con gravita alta o critica
Cerchio gialloAvvertimentoAllarme di gravita media o bassa
Quadrato bluAttivitaAttivita di manutenzione programmata o eseguita
Triangolo verdeLetturaLettura 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
La timeline carica un massimo di 90 giorni di storico. Per periodi piu lunghi, usa l'esportazione dei dati.

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

ParametroDescrizioneDefault
pointsNumero di punti dati30
periodPeriodo per punto: 1h, 1d, 1w1d
colorColore della lineaAutomatico in base alla tendenza
fillRiempimento sotto la curvatrue
thresholdLinea orizzontale di riferimentonull

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.

In questa pagina