Timeline a bolle animate
tendenza
Timeline a bolle animate
Le bolle si spostano, ridimensionano e raggruppano tra i periodi per mostrare variazioni multivariate.
Usa questo modello●Guida 06
Creare bolle animate, sunburst, reti e Gantt
passo dopo passo.
I quattro grafici rispondono a domande diverse e richiedono righe diverse. Impara lo schema per bolle temporali, percorsi gerarchici, collegamenti pesati e attività pianificate.
Timeline a bolle animate
In breve Cosa imparerai
Da dati puliti a un grafico pronto da pubblicare.
- Trasforma la ricerca in una decisione di grafico
- Prepara CSV con etichette, unità e periodi puliti
- Usa Timeline a bolle animate solo se adatto alla relazione dati
- Esporta video e PNG finale riutilizzabile
CSV Guida ai dati
Costruisci con la struttura corretta
Usa questo schema pronto per il grafico come punto di partenza. Sostituisci le righe di esempio, conserva le colonne e verifica tutta l’animazione prima dell’esportazione.
- Ideale per
- Le bolle si spostano, ridimensionano e raggruppano tra i periodi per mostrare variazioni multivariate.
- Colonne obbligatorie
EntitàPeriodoXYDimensione- Cosa rappresenta una riga
- Un’entità in un periodo, con coordinate X/Y e dimensione numerica. Ripeti ogni entità per ciascun periodo.
Flusso in tre passaggi
- 1
Mantieni i nomi e l’ordine delle colonne mostrati sopra.
- 2
Aggiungi un’osservazione per riga e mantieni coerenti nomi, unità e periodi.
- 3
Controlla tutti i fotogrammi, poi regola etichette, densità e ritmo.
Timeline a bolle animateEsempio CSV localizzato
Entità,Periodo,X,Y,Dimensione
Nord,2021,22,64,38
Sud,2021,48,36,62
Est,2021,71,72,44
Ovest,2021,84,28,26
Nord,2022,31,69,46
Sud,2022,52,43,70
Est,2022,66,78,51
Ovest,2022,77,35,34
Nord,2023,39,75,58
Sud,2023,59,51,77
Est,2023,72,83,63
Ovest,2023,69,44,42
Nord,2024,47,81,72
Sud,2024,66,60,86
Est,2024,79,88,75
Ovest,2024,61,53,55CSV Guida ai dati
Costruisci con la struttura corretta
Usa questo schema pronto per il grafico come punto di partenza. Sostituisci le righe di esempio, conserva le colonne e verifica tutta l’animazione prima dell’esportazione.
- Ideale per
- Anelli annidati si aprono dal centro per mostrare composizione gerarchica e contributo dei rami.
- Colonne obbligatorie
PercorsoValore- Cosa rappresenta una riga
- Un percorso foglia e il relativo valore. Separa i livelli con una barra, ad esempio Prodotto/Nucleo/Ricerca.
Flusso in tre passaggi
- 1
Mantieni i nomi e l’ordine delle colonne mostrati sopra.
- 2
Aggiungi un’osservazione per riga e mantieni coerenti nomi, unità e periodi.
- 3
Controlla tutti i fotogrammi, poi regola etichette, densità e ritmo.
Sunburst animatoEsempio CSV localizzato
Percorso,Valore
Prodotto/Nucleo/Ricerca,28
Prodotto/Nucleo/Area di lavoro,22
Prodotto/Crescita/Automazione,18
Prodotto/Crescita/Insight,14
Servizi/Consulenza/Strategia,12
Servizi/Consulenza/Ricerca,9
Servizi/Consegna/Lancio,16
Servizi/Consegna/Supporto,11
Partner/Piattaforma/Cloud,13
Partner/Piattaforma/Dati,8CSV Guida ai dati
Costruisci con la struttura corretta
Usa questo schema pronto per il grafico come punto di partenza. Sostituisci le righe di esempio, conserva le colonne e verifica tutta l’animazione prima dell’esportazione.
- Ideale per
- Le relazioni pesate si disegnano mentre i nodi connessi si assestano in una rete rilassata.
- Colonne obbligatorie
OrigineDestinazionePeso- Cosa rappresenta una riga
- Una connessione diretta da origine a destinazione. Il peso controlla forza del collegamento ed enfasi dei nodi.
Flusso in tre passaggi
- 1
Mantieni i nomi e l’ordine delle colonne mostrati sopra.
- 2
Aggiungi un’osservazione per riga e mantieni coerenti nomi, unità e periodi.
- 3
Controlla tutti i fotogrammi, poi regola etichette, densità e ritmo.
Rete a forzeEsempio CSV localizzato
Origine,Destinazione,Peso
Prodotto,Design,8
Prodotto,Ingegneria,10
Prodotto,Ricerca,6
Design,Marca,4
Design,Crescita,5
Ingegneria,Dati,7
Ingegneria,Piattaforma,9
Ricerca,Dati,5
Crescita,Vendite,6
Vendite,Supporto,4
Piattaforma,Supporto,5
Dati,Insight,7
Insight,Crescita,3CSV Guida ai dati
Costruisci con la struttura corretta
Usa questo schema pronto per il grafico come punto di partenza. Sostituisci le righe di esempio, conserva le colonne e verifica tutta l’animazione prima dell’esportazione.
- Ideale per
- Le barre di progetto si costruiscono su una timeline comune con avanzamento e attività rivelate in sequenza.
- Colonne obbligatorie
AttivitàInizioFineAvanzamento- Cosa rappresenta una riga
- Un’attività con inizio e fine numerici e avanzamento da 0 a 100. La fine deve essere maggiore dell’inizio.
Flusso in tre passaggi
- 1
Mantieni i nomi e l’ordine delle colonne mostrati sopra.
- 2
Aggiungi un’osservazione per riga e mantieni coerenti nomi, unità e periodi.
- 3
Controlla tutti i fotogrammi, poi regola etichette, densità e ritmo.
Timeline Gantt animataEsempio CSV localizzato
Attività,Inizio,Fine,Avanzamento
Ricerca,0,3,100
Strategia,1,5,92
Design UX,3,8,78
Prototipo,5,10,65
Ingegneria,7,15,48
Controllo qualità,13,17,32
Lancio,16,20,1201 Tutorial
Segui il flusso
Segui i passi in ordine per un grafico nuovo, o usali come checklist di revisione di un’animazione esistente.
- 01
Capire l'intento locale
Chiarisci se la persona cerca tutorial, modello, impostazioni di export o esempio di report prima di scegliere il grafico.
- 02
Preparare un CSV sostituibile
Usa una sola riga di intestazioni, etichette brevi, unità coerenti e rimuovi totali o note che rompono l'esempio.
- 03
Scegliere il pattern
Parti dalla domanda: ranking, trend, confronto, quota, flusso o relazione. Usa Timeline a bolle animate quando rende evidente quella relazione.
- 04
Scrivere la conclusione visibile
Metti conclusione, unità e periodo vicino al grafico perché il frame finale funzioni in ricerca, social o report.
- 05
Regolare il movimento per la lettura
Rallenta su leader, incroci, anomalie e valori finali. L'animazione deve guidare, non decorare.
- 06
Esportare per la destinazione
Crea MP4 o WebM per il movimento e PNG per PDF, email, anteprime e contesti con movimento ridotto.
02 Esempi visivi
Prova questi modelli
Confronta movimento e lettura prima di impegnarti su un formato. Ogni esempio si apre come grafico modificabile data-driven.
Sunburst animato
quota
Sunburst animato
Anelli annidati si aprono dal centro per mostrare composizione gerarchica e contributo dei rami.
Usa questo modelloRete a forze
confronto
Rete a forze
Le relazioni pesate si disegnano mentre i nodi connessi si assestano in una rete rilassata.
Usa questo modelloTimeline Gantt animata
tendenza
Timeline Gantt animata
Le barre di progetto si costruiscono su una timeline comune con avanzamento e attività rivelate in sequenza.
Usa questo modello03 Applica
Casi correlati
04 Domande frequenti
Domande frequenti
Per chi è la guida Creare bolle animate, sunburst, reti e Gantt?
Per team che trasformano CSV o fogli di calcolo in grafici animati riutilizzabili per report, pagine prodotto, social o presentazioni.
Da quale grafico partire?
Parti dal modello Timeline a bolle animate se si adatta alla relazione dei dati. Se la domanda cambia, cambia template prima del design.
Quale formato esportare?
MP4 per compatibilità, WebM per il web, GIF solo per brevi loop muti e PNG come frame finale di riserva.