Novità

Finora l’animazione di un dashlet era un comportamento unico e fisso. Abbiamo ricostruito da zero le proprietà di animazione e, nel farlo, abbiamo aggiunto la funzionalità che tutti ci chiedevano: la gara delle barre. I grafici a barre e a colonne ora possono animarsi lungo una dimensione temporale (o qualsiasi altra dimensione ordinata), con le barre che cambiano posizione e si superano a vicenda passo dopo passo: il tipo di racconto visivo che rende impossibile non accorgersi di un trend.

Le parole non bastano a rendere l’idea del movimento: guarda il video di un minuto qui sotto per vedere all’opera la gara delle barre e i nuovi stili di animazione.

La nuova gara delle barre e gli stili di animazione su un grafico a colonne, in un minuto.

Poi provala di persona: apri questa dashboard pubblica, premi play e guarda la gara svolgersi dal vivo.

In TURBOARD i grafici lavorano da tempo con due dimensioni. Con questa release, i dashlet a torta e Sankey ne accettano una terza. Aggiungila nella schermata di modifica come qualsiasi altra dimensione e il grafico guadagna un livello.

Un diagramma Sankey acquisisce una terza colonna di nodi, così i flussi si possono seguire da un’origine, attraverso una fase intermedia, fino al risultato finale, ad esempio categoria → anno di lancio → stato. Un grafico a torta diventa un sunburst a tre anelli: l’anello interno contiene la categoria principale e ogni anello più esterno la scompone di un ulteriore livello.

Un diagramma Sankey e un grafico a torta affiancati, entrambi costruiti su tre dimensioni: categoria, anno e stato. I pulsanti colorati del filtro Country che li sovrastano sono descritti più avanti.

Una terza dimensione è davvero utile solo se puoi controllare l’ordinamento di ogni livello. Finora l’ordinamento impostato nella schermata di modifica si applicava alla dimensione principale, mentre le dimensioni secondaria e terziaria tornavano all’ordine predefinito proveniente dalla vista.

Ora non è più così. Il controllo Sort Order nella schermata di modifica elenca tutte le dimensioni del dashlet e per ciascuna puoi scegliere tra Value (Ascending / Descending) e Alphabetical (Ascending / Descending). Combinalo con i limiti per dimensione, che si trovano proprio accanto, e anche un grafico a tre livelli resta ordinato e leggibile: le prime cinque categorie per valore, gli anni in sequenza e i risultati con la quota maggiore in testa.

Sort Order nella schermata di modifica ora offre un’impostazione indipendente per ogni dimensione, proprio accanto ai limiti per dimensione.

Guarda i grafici con tre dimensioni e il relativo ordinamento in questa dashboard pubblica.

I widget di filtro visualizzati come pulsanti sono tra i preferiti per una selezione rapida e immediata, e ora possono trasmettere un significato anche attraverso il colore. Nella schermata Edit Filter, la nuova sezione Button Colors consente ai designer di scegliere qualsiasi valore del filtro e di assegnargli un proprio colore di sfondo e del testo.

Metti in evidenza i mercati che ti interessano, riprendi la palette del tuo brand o replica i colori usati nei dashlet sottostanti, così filtro e grafici raccontano la stessa storia. I valori che non modifichi mantengono semplicemente l’aspetto predefinito e le associazioni di colori si possono esportare e importare, quindi una palette definita una volta è facile da riutilizzare in altre dashboard.

Button Colors nella schermata Edit Filter: scegli un valore, poi imposta il colore di sfondo e del testo. Il risultato è il filtro Country colorato visibile nello screenshot con tre dimensioni qui sopra.

Quando il link a una dashboard pubblica viene condiviso su LinkedIn, X, WhatsApp o su qualsiasi piattaforma che mostra l’anteprima dei link, l’immagine visualizzata è la sua immagine Open Graph (OG). Finora era sempre la miniatura generata automaticamente dalla visualizzazione.

Da questa release, decidi tu. Apri la finestra Share di qualsiasi elemento pubblico, passa il mouse sull’anteprima e fai clic sull’icona a forma di matita per caricare l’immagine che vuoi associargli: una copertina con il tuo brand, il grafico che conta davvero o un invito all’azione. Per risultati ottimali, usa un’immagine con proporzioni vicine a 1.91:1, così viene mostrata per intero, senza ritagli, nei feed dei social.

Nella finestra Share, fai clic sull’icona a forma di matita nell’anteprima per sostituire l’immagine mostrata quando il link viene condiviso sui social media.