DEIOS Visly Demos

Scopri di più su DESIO Visly

Scopri di più sulla narrazione DESIO

Accedi a DESIO Visly

DEISO Demo interattive di Visly & Storytelling

DEISO Visly è una piattaforma unificata per la visualizzazione dei dati, dashboard interattive e storytelling. Supporta oltre 25 tipi di grafici ed è progettata per semplificare informazioni complesse attraverso elementi visivi chiari e coinvolgenti. Che si tratti di report tecnici, analisi aziendali o riepiloghi di progetto, Visly si adatta a qualsiasi settore e tipo di progetto, offrendo un modo flessibile ed efficace per comunicare storie basate sui dati.

Questa pagina mostra le capacità di DEISO Visibilmente attraverso una raccolta di circa 20 grafici demo interattivi e in tempo reale. I visitatori possono esplorare ogni visualizzazione in tempo reale per scoprire come i dati possano essere trasformati in informazioni significative.

DIMOSTRAZIONE 1

Grafico interattivo: quota di mercato dei browser nel tempo

Questo grafico interattivo mostra l'evoluzione dell'utilizzo dei principali browser web – Chrome, Safari, Internet Explorer (IE), Edge, Firefox e Opera – misurata in base alle richieste di servizio dal 2007 al 2019. La visualizzazione è fornita come un grafico ad area sovrapposta responsive incorporato tramite un iframe. Permette agli utenti di esplorare interattivamente le tendenze dei browser nel tempo.

L'asse x rappresenta la cronologia, da maggio 2007 a fine 2019, contrassegnata in un formato MM/GG/AA a rotazione per una migliore leggibilità. L'asse y mostra i valori normalizzati di utilizzo del servizio da 0.00 a 0.70, indicando la predominanza proporzionale di ciascun browser rispetto agli altri.

Ogni browser è visualizzato con un colore unico e un riempimento semitrasparente per garantire distinzione e chiarezza nelle sovrapposizioni. Chrome mostra un significativo trend in crescita a partire dal 2009 circa, superando IE entro il 2012 e raggiungendo un picco del 60% entro il 2019. IE, un tempo dominante nel 2007 con una quota di mercato superiore al 60%, subisce un forte calo dopo il 2010. Edge emerge in seguito con una presenza limitata ma in crescita, mentre Firefox, Safari e Opera rimangono relativamente stabili, con lievi fluttuazioni.

Due annotazioni chiave evidenziano le transizioni del mercato: nel 2012, Chrome ha raggiunto il 28%, mentre IE è sceso al 32%. Nel 2019, Chrome ha raggiunto il 60%, con IE ed Edge che insieme rappresentano solo il 7%. Queste annotazioni sono contrassegnate da linee di richiamo e testo per enfatizzare.

Le funzionalità dell'interfaccia utente includono la selezione della lingua, un interruttore per la modalità scura/chiara e strumenti di interazione con lo zoom. Il grafico è incorporato in un formato 16:9 per garantire la reattività su tutti i dispositivi. Lo stile di incorporamento è minimale, rimuovendo i permessi di scorrimento e di visualizzazione a schermo intero per una perfetta integrazione in siti web o dashboard.

Questo grafico dimostrativo fa parte di una suite di visualizzazione interattiva avanzata utilizzata per presentare le tendenze di utilizzo del browser e il predominio della piattaforma nel tempo.

DIMOSTRAZIONE 2

Mappa interattiva: distribuzione della popolazione per prefettura in Giappone

Questa mappa coropletica interattiva visualizza la distribuzione della popolazione in tutte le 47 prefetture del Giappone. Il grafico utilizza un gradiente di colore per riflettere la dimensione della popolazione in ciascuna prefettura, consentendo una rapida identificazione delle regioni densamente e scarsamente popolate. Più scuro è il rosso, maggiore è la popolazione.

Lo sfondo è reso in blu navy scuro per un contrasto visivo, mentre la barra di gradiente demografico sulla destra varia dal rosa chiaro (popolazione bassa, circa 878,000) al rosso scuro (popolazione alta, oltre 9 milioni). Questa scala di colori facilita la scansione dei modelli demografici del Paese.

Ogni regione è chiaramente segmentata e interattiva. Quando un utente passa il mouse o clicca su una prefettura, viene visualizzato un suggerimento che mostra quanto segue:

Il nome della prefettura in Giapponese (ad esempio, 北海道)
Il suo nome in Inglese (ad esempio, Hokkaido)
Migliori popolazione totale in milioni arrotondati (ad esempio, 5M)

La mappa mostra Tokyo come l'area più densamente popolata (rosso intenso), seguita da prefetture come Osaka e Kanagawa. Regioni meno popolate come Tottori e Shimane appaiono in tonalità più chiare.

Le principali funzionalità dell'interfaccia utente includono un interruttore per la selezione della lingua nell'angolo in alto a destra (l'inglese predefinito), la funzionalità di zoom sul lato sinistro e gli interruttori per la modalità chiaro/scuro nell'angolo in basso a sinistra per l'accessibilità. La mappa è completamente reattiva e incorporata con un 16:9 proporzioni ottimali per una presentazione ottimale su tutti i dispositivi.

Questa mappa interattiva è ideale per l'analisi demografica geografica e per applicazioni di pianificazione regionale. Offre un'interfaccia intuitiva che consente agli utenti di esplorare la distribuzione della popolazione ed è perfettamente integrata in qualsiasi sito web o dashboard di dati.

DIMOSTRAZIONE 3

Grafico a barre interattivo: spesa media dell'assicurazione auto per stato

Questo grafico a barre interattivo visualizza il spesa media dell'assicurazione auto in alcuni stati degli Stati Uniti, utilizzando barre verticali colorate. Ogni barra corrisponde a uno stato e riflette il valore medio in dollari speso per l'assicurazione auto.

Migliori Asse Y è etichettato in incrementi di dollari, che vanno da $ 0 a $ 500. Un rosso linea di referenza è contrassegnato al livello di $300 per indicare la soglia media. Le barre al di sopra di questa linea indicano spese assicurative superiori alla media; quelle al di sotto indicano costi inferiori.

Gli stati sono elencati su Asse X utilizzando abbreviazioni di due lettere, ad esempio AL (Alabama), CA (California), NY (New York), ecc.

Ogni barra è interattiva:

Quando l'utente clic o passaggi del mouse su una barra appare un suggerimento che mostra:
- Migliori nome dello stato
- Migliori costo esatto dell'assicurazione (ad esempio, “$452” per la California)
Le sbarre sono codificati a colori individualmente per la distinzione visiva, facilitando il confronto affiancato.

Valori di esempio dal grafico:

CA (California): $452 (il più alto in classifica)
New York (New York): $ 447
MT (Montana): $45 (il più basso nella classifica)
GA (Georgia): $ 405
AZ (Arizona): $ 220

Effetti visivi:

Il grafico ha un sfondo nero per contrasto.
Le linee della griglia migliorano la leggibilità.
Per migliorare l'accessibilità è disponibile un interruttore per passare dalla modalità chiara a quella scura.
Passando il mouse sopra, le barre potrebbero animarsi o illuminarsi leggermente per indicare la selezione.

Questo grafico a barre è ideale per un'analisi comparativa rapida dei costi delle assicurazioni auto nei vari stati e supporta il processo decisionale nell'analisi comparativa dei costi o negli studi sulle politiche.

DIMOSTRAZIONE 4

Questa matrice illustra il potere predittivo tra diverse colonne di un set di dati, utilizzando un indice di potere predittivo (PPI) che varia da 0 a 100. Un punteggio pari a 0 indica nessuna capacità predittiva, mentre un punteggio pari a 100 indica una previsione perfetta. La matrice mostra quanto bene una colonna possa predirne un'altra, con l'intensità della previsione indicata dal colore più scuro del quadrato.
Ad esempio, la colonna Prodotto può prevedere perfettamente la classificazione Argomenti per Prodotto con un punteggio di 100. Tuttavia, il contrario è meno forte, con la classificazione Argomenti per Prodotto che prevede Prodotto con un punteggio di 70. Analogamente, Quantità Ordinata può prevedere Data Ordine con un punteggio di 16, ma Data Ordine non può prevedere Quantità Ordinata, ottenendo un punteggio pari a 0.
Più scuro è il quadrato, più forte è la relazione predittiva. I quadrati più scuri sono più significativi per la creazione di grafici informativi. La legenda indica sia correlazioni positive che negative, con i quadrati ombreggiati che rappresentano correlazioni indeterminate dovute a categorie non ordinate. Queste correlazioni indeterminate si verificano in genere quando una delle colonne presenta categorie senza un ordine logico, come Paese, Sesso o Colore degli occhi.
Passando il mouse sui quadrati si ottengono maggiori dettagli su ciascuna coppia di feature. Questa matrice aiuta a comprendere le relazioni predittive tra le diverse colonne del dataset, favorendo un'analisi e una visualizzazione dei dati più efficaci.

DIMOSTRAZIONE 5

Questo grafico a barre mostra il prezzo medio di ciascun prodotto, classificato dal più alto al più basso. Il grafico include dieci prodotti, con il prezzo medio calcolato aggregando i prezzi di ciascun gruppo di prodotti. Il prodotto con il prezzo medio più alto è la stampante, a $ 134.22. Dopo la stampante, il mouse ha un prezzo medio di $ 114.88 e il tablet ha un prezzo medio di $ 111.73. Altri prodotti inclusi nel grafico sono scrivania, monitor, sedia, tastiera, disco rigido esterno, laptop e cuffie, con prezzi medi compresi tra $ 109.60 e $ 72.68. Le barre rappresentano visivamente questi prezzi medi, facilitando il confronto del costo di ciascun prodotto.

DIMOSTRAZIONE 6

Questo grafico a barre illustra il prezzo medio per ciascuna categoria di prodotto, classificato dal più alto al più basso. Le categorie includono Attrezzature per ufficio, Dispositivi informatici, Mobili per ufficio, Accessori per computer, Dispositivi di archiviazione e Altro. Le Attrezzature per ufficio presentano il prezzo medio più alto, pari a $ 134.22, seguite dai Dispositivi informatici a $ 111.73 e dai Mobili per ufficio a $ 106.64. Gli Accessori per computer e i Dispositivi di archiviazione presentano prezzi medi rispettivamente di $ 95.77 e $ 95.06. La categoria "Altro" presenta il prezzo medio più basso, pari a $ 81.60. Il grafico evidenzia efficacemente la variazione dei prezzi medi tra le diverse categorie di prodotto.

DIMOSTRAZIONE 7

Questo grafico a barre illustra la quantità media ordinata per sei categorie di prodotti, aggregate in base alle rispettive classificazioni di gruppo. Le categorie sono classificate dalla più alta alla più bassa in base alla quantità media ordinata.
Gli accessori per computer sono in testa con una quantità media ordinata di 204, seguiti dai mobili per ufficio con una media di 109. I dispositivi di elaborazione sono al secondo posto con una media di 74, mentre i dispositivi di archiviazione hanno una media di 59. La categoria "Altro" mostra una quantità media ordinata di 45, mentre le attrezzature per ufficio hanno la media più bassa, 32.
Il grafico fornisce una chiara rappresentazione visiva delle quantità medie ordinate per queste categorie di prodotti, evidenziando la domanda relativa per ciascun gruppo.

DIMOSTRAZIONE 8

Un grafico a barre impilate visualizza la composizione di una variabile categoriale nelle diverse categorie di un'altra variabile categoriale. In questo grafico, le variabili categoriali sono "Quantità Ordinata" e "Prodotto". "Prodotto" include dieci categorie: Monitor, Tablet, Scrivania, Tastiera, Cuffie, Hard Disk esterno, Laptop, Sedia, Mouse e Stampante. Anche "Quantità Ordinata" include dieci categorie, da 1 a 10.
Ogni colonna del grafico rappresenta una diversa quantità ordinata e, all'interno di ciascuna colonna, le percentuali relative alle dieci categorie di prodotto sono sommate per arrivare al 100%. Ad esempio, il segmento che rappresenta i Monitor nella colonna "Quantità Ordinata 1" mostra una percentuale del 57.14%, a indicare che, di tutti gli ordini con una quantità pari a 1, il 57.14% riguardava Monitor. Analogamente, altre categorie di prodotto sono rappresentate da segmenti diversi all'interno di ciascuna colonna, che mostrano le rispettive percentuali per ciascuna quantità ordinata.
Questo grafico illustra efficacemente la distribuzione dei diversi prodotti in base alle varie quantità ordinate, fornendo una chiara rappresentazione visiva di come gli ordini dei prodotti sono composti in termini di quantità.

DIMOSTRAZIONE 9

Questo grafico a barre illustra la quantità media ordinata per dieci prodotti diversi, aggregati per tipologia di prodotto. I prodotti sono classificati dalla quantità media ordinata più alta a quella più bassa. La tastiera ha la quantità media ordinata più alta, pari a 75, seguita da vicino dal tablet con una media di 74. Monitor e scrivania seguono con medie rispettivamente di 65 e 62. Il disco rigido esterno ha una quantità media ordinata di 59, mentre la sedia e il laptop hanno medie di 47 e 45. Cuffie, stampante e mouse hanno le medie più basse, rispettivamente di 38, 32 e 26. Il conteggio dei campioni per ciascun prodotto varia, indicando il numero di ordini considerati per la media di ciascun prodotto. Ad esempio, la media della tastiera si basa su 13 campioni, mentre quella del mouse su 5 campioni. Questo grafico fornisce un chiaro confronto delle quantità medie ordinate per ciascun prodotto, evidenziando la popolarità o la domanda relativa per ciascun articolo.

DIMOSTRAZIONE 10

Un grafico a barre impilate visualizza la composizione di una variabile categoriale nelle diverse categorie di un'altra variabile categoriale. In questo grafico, "Quantità ordinata" e "Classificazione degli argomenti per prodotto" sono le variabili categoriali. "Quantità ordinata" comprende dieci categorie, da 1 a 10, mentre "Classificazione degli argomenti per prodotto" ne include sei: Accessori per computer, Mobili per ufficio, Dispositivi informatici, Dispositivi di archiviazione, Altro e Attrezzature per ufficio.
Ogni barra del grafico rappresenta una diversa quantità ordinata e, all'interno di ogni barra, le percentuali per le sei categorie di prodotto sono sommate per arrivare al 100%. Ad esempio, il segmento che rappresenta gli Accessori per Computer mostra la percentuale di questa categoria per ogni quantità ordinata. Per Quantità Ordinata 1, gli Accessori per Computer rappresentano il 71.43% del totale, il che indica che di tutti gli ordini con una quantità pari a 1, il 71.43% riguarda Accessori per Computer.
Analogamente, gli altri segmenti all'interno di ciascuna barra rappresentano le percentuali di Arredi per ufficio, Dispositivi informatici, Dispositivi di archiviazione, Altro e Attrezzature per ufficio per ciascuna quantità ordinata. Ad esempio, per la Quantità Ordinata 2, Arredi per ufficio rappresentano il 18.75%, Dispositivi informatici il 18.75%, Dispositivi di archiviazione il 12.50%, Altro il 18.75% e Attrezzature per ufficio il 6.25%.
Questo grafico illustra efficacemente come la distribuzione delle categorie di prodotto varia in base alle diverse quantità ordinate, fornendo una chiara rappresentazione visiva dei dati.

DIMOSTRAZIONE 11

Un grafico a serie temporale è un tipo di grafico che illustra come i valori di una variabile variano nel tempo. In questo caso, il grafico mostra il prezzo medio di un prodotto ("Prezzo unitario") dal 30 dicembre 2022 al 24 dicembre 2023. Il grafico presenta una linea che rappresenta il prezzo medio per ogni data all'interno di questo periodo.
Il prezzo massimo registrato è 195.82, registrato il 31 ottobre 2023. Il grafico fornisce una rappresentazione visiva delle fluttuazioni del prezzo del prodotto nell'intervallo di tempo specificato, consentendo una facile comprensione delle tendenze e degli andamenti nei dati.

DIMOSTRAZIONE 12

Il grafico delle serie temporali illustra le variazioni della quantità di prodotti ordinati nel tempo, dal 30 dicembre 2022 al 24 dicembre 2023. Il grafico evidenzia la quantità media ordinata per ciascun gruppo in questo periodo. I punti dati sul grafico rappresentano la quantità ordinata in date specifiche, mostrando fluttuazioni e tendenze nel corso dell'anno.
La quantità massima ordinata, pari a 15 unità, si è verificata il 24 luglio 2023. Questo picco rappresenta un punto significativo nel set di dati, indicando un'elevata domanda in quel particolare giorno. Il grafico fornisce una chiara rappresentazione visiva di come la quantità ordinata varia nel tempo, consentendo di identificare facilmente modelli, tendenze e anomalie nel comportamento degli ordini.
Nel complesso, il grafico delle serie temporali funge da strumento informativo per comprendere le dinamiche temporali degli ordini di prodotti, mostrando sia le quantità medie sia i punti massimi e minimi specifici all'interno del dato intervallo di tempo.

DIMOSTRAZIONE 13

Il grafico mostra che la categoria Tablet detiene la quota maggiore, rappresentando il 16% del totale. Segue la categoria Tastiera, che rappresenta il 13%. La categoria Monitor rappresenta il 12%, mentre le categorie Laptop, Cuffie, Hard Disk esterni e Scrivania contribuiscono ciascuna per il 10%. La categoria Sedia rappresenta l'8%, la categoria Stampante il 6% e la categoria Mouse il 5%.
Questo strumento visivo evidenzia efficacemente le proporzioni relative di ciascuna categoria di prodotto, facilitando l'identificazione dei prodotti più e meno diffusi nel dataset. Ad esempio, è evidente che i tablet sono il prodotto più diffuso, mentre i mouse sono i meno diffusi.

DIMOSTRAZIONE 14

Un grafico a barre impilate visualizza la composizione complessiva di una variabile categoriale nelle diverse categorie di un'altra variabile categoriale. In questo caso, il grafico illustra la distribuzione di vari prodotti nelle sei categorie di "Classificazione degli argomenti per Prodotto". Sia "Prodotto" che "Classificazione degli argomenti per Prodotto" sono variabili categoriali, ovvero sono costituite da etichette di testo che possono essere raggruppate o categorizzate.
La variabile "Prodotto" comprende dieci categorie: Hard Disk esterno, Laptop, Stampante, Tablet, Scrivania, Sedia, Tastiera, Monitor, Cuffie e Mouse. La variabile "Classificazione degli argomenti per Prodotto" comprende sei categorie: Altro, Mobili per ufficio, Attrezzature per ufficio, Dispositivi informatici, Accessori per computer e Dispositivi di archiviazione.
Ogni barra del grafico rappresenta un prodotto e i segmenti all'interno di ciascuna barra mostrano la distribuzione percentuale di quel prodotto nelle sei categorie della "Classificazione degli argomenti per prodotto". Le percentuali per ciascuna categoria di prodotto sono raggruppate all'interno della barra e la loro somma è pari al 100%. Ad esempio, il segmento che rappresenta i dischi rigidi esterni rientra interamente nella categoria Dispositivi di archiviazione, il che indica che il 100% dei dischi rigidi esterni rientra in questa classificazione. Analogamente, la categoria Laptop rientra interamente nella classificazione Dispositivi di elaborazione.
Il grafico fornisce una chiara rappresentazione visiva di come ogni prodotto è classificato nelle diverse categorie, facilitando la comprensione immediata della distribuzione e della classificazione dei prodotti.

DIMOSTRAZIONE 15

Un grafico di conteggio è un grafico a barre che ci aiuta a vedere quali categorie si verificano più spesso e consente un facile confronto tra loro. Questo grafico di conteggio in particolare mostra la distribuzione di dieci diverse categorie di prodotti in base alla loro percentuale di occorrenza.
In questo grafico, la categoria Tablet ha la percentuale più alta, rappresentando il 16% del totale. Dopo i Tablet, le Tastiere rappresentano il 13% e i Monitor il 12%. Cuffie, Hard Disk esterni, Laptop e Scrivanie contribuiscono ciascuno per il 10% al totale. Le Sedie rappresentano l'8%, le Stampanti il 6% e i Mouse il 5%.
Questa visualizzazione evidenzia in modo efficace la frequenza relativa di ciascuna categoria di prodotto, rendendo chiaro quali prodotti vengono ordinati più comunemente.

DIMOSTRAZIONE 16

Questo grafico a ciambella illustra la distribuzione di sei categorie all'interno della classificazione tematica dei prodotti. Il grafico rappresenta visivamente la percentuale di ciascuna categoria sul totale. Gli Accessori per Computer dominano il grafico, rappresentando il 40% del totale. Seguono i Mobili per Ufficio con il 18%, mentre i Dispositivi di Elaborazione rappresentano il 16%. Sia i Dispositivi di Archiviazione che la categoria denominata "Altro" rappresentano ciascuno il 10% del totale. Le Attrezzature per Ufficio rappresentano la porzione minore, con il 6%. Questa rappresentazione visiva consente una comprensione immediata delle proporzioni relative di ciascuna categoria.

DIMOSTRAZIONE 17

Un grafico di densità kernel illustra la distribuzione di una singola variabile numerica, mostrando efficacemente la concentrazione dei dati entro determinati intervalli. L'asse x rappresenta l'intervallo di tutti i possibili valori per la variabile, ad esempio "Prezzo unitario". Un grafico più alto indica una maggiore probabilità che si verifichino i valori. Ad esempio, i valori di "Prezzo unitario" sono più concentrati intorno a 35.65.
L'area sotto il grafico tra due valori corrisponde alla percentuale di valori "Prezzo unitario" presenti in quell'intervallo. Ad esempio, ombreggiando l'area sotto il grafico tra 40.97 e 161.23, si rivelerebbe che circa il 52% di tutti i valori "Prezzo unitario" rientra in questo intervallo.
Non è essenziale conoscere l'altezza esatta del grafico. È invece più utile identificare anomalie o variazioni nella forma del grafico. Ad esempio, se l'asse x rappresenta la spesa dei clienti, una coda lunga estesa verso destra indicherebbe che alcuni clienti stanno spendendo significativamente di più rispetto agli altri.

DIMOSTRAZIONE 18

Il grafico è un diagramma di serie temporale che illustra i conteggi medi di una variabile nel tempo, dal 30 dicembre 2022 al 24 dicembre 2023. Ogni punto dati sul grafico rappresenta il conteggio medio per una data specifica. I valori oscillano tra 1.0 e 2.0, con il conteggio massimo di 2.0 che si verifica in diverse date, incluso il 3 gennaio 2023. Il grafico fornisce una chiara rappresentazione visiva di come i conteggi medi variano nel periodo specificato, consentendo una facile identificazione di tendenze e modelli nei dati.