Chronologie à bulles animées
tendance
Chronologie à bulles animées
Les bulles se déplacent, changent de taille et se regroupent au fil des périodes pour révéler une évolution multivariée.
Utiliser ce modèle●Guide 06
Créer des bulles animées, sunbursts, réseaux et Gantt
étape par étape.
Ces quatre graphiques répondent à des questions différentes et exigent des lignes différentes. Maîtrisez les bulles temporelles, chemins hiérarchiques, liens pondérés et tâches planifiées.
Chronologie à bulles animées
En bref Ce que vous apprendrez
De données propres à un graphique prêt à publier.
- Transformer la recherche en décision de graphique
- Préparer un CSV avec libellés, unités et périodes propres
- Utiliser Chronologie à bulles animées seulement si la relation de données convient
- Exporter la vidéo et un PNG final réutilisable
CSV Guide des données
Construire avec la bonne structure
Utilisez ce schéma prêt à tracer comme point de départ. Remplacez les lignes d’exemple, conservez les colonnes et vérifiez toute l’animation avant l’export.
- Idéal pour
- Les bulles se déplacent, changent de taille et se regroupent au fil des périodes pour révéler une évolution multivariée.
- Colonnes requises
EntitéPériodeXYTaille- Ce que représente une ligne
- Une entité pour une période, avec coordonnées X/Y et taille numérique. Répétez chaque entité à chaque période.
Procédure en trois étapes
- 1
Conservez les noms et l’ordre des colonnes indiqués ci-dessus.
- 2
Ajoutez une observation par ligne avec des noms, unités et périodes cohérents.
- 3
Prévisualisez toutes les images, puis ajustez libellés, densité et rythme.
Chronologie à bulles animéesExemple CSV localisé
Entité,Période,X,Y,Taille
Nord,2021,22,64,38
Sud,2021,48,36,62
Est,2021,71,72,44
Ouest,2021,84,28,26
Nord,2022,31,69,46
Sud,2022,52,43,70
Est,2022,66,78,51
Ouest,2022,77,35,34
Nord,2023,39,75,58
Sud,2023,59,51,77
Est,2023,72,83,63
Ouest,2023,69,44,42
Nord,2024,47,81,72
Sud,2024,66,60,86
Est,2024,79,88,75
Ouest,2024,61,53,55CSV Guide des données
Construire avec la bonne structure
Utilisez ce schéma prêt à tracer comme point de départ. Remplacez les lignes d’exemple, conservez les colonnes et vérifiez toute l’animation avant l’export.
- Idéal pour
- Des anneaux imbriqués se déploient depuis le centre pour montrer la composition hiérarchique et la contribution des branches.
- Colonnes requises
CheminValeur- Ce que représente une ligne
- Un chemin terminal et sa valeur. Séparez les niveaux par une barre oblique, par exemple Produit/Cœur/Recherche.
Procédure en trois étapes
- 1
Conservez les noms et l’ordre des colonnes indiqués ci-dessus.
- 2
Ajoutez une observation par ligne avec des noms, unités et périodes cohérents.
- 3
Prévisualisez toutes les images, puis ajustez libellés, densité et rythme.
Sunburst animéExemple CSV localisé
Chemin,Valeur
Produit/Cœur/Recherche,28
Produit/Cœur/Espace de travail,22
Produit/Croissance/Automatisation,18
Produit/Croissance/Analyses,14
Services/Conseil/Stratégie,12
Services/Conseil/Recherche,9
Services/Livraison/Lancement,16
Services/Livraison/Assistance,11
Partenaires/Plateforme/Cloud,13
Partenaires/Plateforme/Données,8CSV Guide des données
Construire avec la bonne structure
Utilisez ce schéma prêt à tracer comme point de départ. Remplacez les lignes d’exemple, conservez les colonnes et vérifiez toute l’animation avant l’export.
- Idéal pour
- Les relations pondérées se dessinent tandis que les nœuds connectés se stabilisent dans un réseau relâché.
- Colonnes requises
SourceCiblePoids- Ce que représente une ligne
- Une connexion dirigée de la source vers la cible. Le poids règle la force du lien et l’accent sur les nœuds.
Procédure en trois étapes
- 1
Conservez les noms et l’ordre des colonnes indiqués ci-dessus.
- 2
Ajoutez une observation par ligne avec des noms, unités et périodes cohérents.
- 3
Prévisualisez toutes les images, puis ajustez libellés, densité et rythme.
Réseau de forcesExemple CSV localisé
Source,Cible,Poids
Produit,Design,8
Produit,Ingénierie,10
Produit,Recherche,6
Design,Marque,4
Design,Croissance,5
Ingénierie,Données,7
Ingénierie,Plateforme,9
Recherche,Données,5
Croissance,Ventes,6
Ventes,Assistance,4
Plateforme,Assistance,5
Données,Analyses,7
Analyses,Croissance,3CSV Guide des données
Construire avec la bonne structure
Utilisez ce schéma prêt à tracer comme point de départ. Remplacez les lignes d’exemple, conservez les colonnes et vérifiez toute l’animation avant l’export.
- Idéal pour
- Les barres de projet se construisent sur une chronologie commune avec progression et révélation séquencée des tâches.
- Colonnes requises
TâcheDébutFinProgression- Ce que représente une ligne
- Une tâche avec début et fin numériques et une progression de 0 à 100. La fin doit être supérieure au début.
Procédure en trois étapes
- 1
Conservez les noms et l’ordre des colonnes indiqués ci-dessus.
- 2
Ajoutez une observation par ligne avec des noms, unités et périodes cohérents.
- 3
Prévisualisez toutes les images, puis ajustez libellés, densité et rythme.
Chronologie de Gantt animéeExemple CSV localisé
Tâche,Début,Fin,Progression
Recherche,0,3,100
Stratégie,1,5,92
Design UX,3,8,78
Prototype,5,10,65
Ingénierie,7,15,48
Assurance qualité,13,17,32
Lancement,16,20,1201 Tutoriel
Suivre le workflow
Parcourez les étapes dans l’ordre pour un nouveau graphique, ou utilisez-les comme liste de contrôle d’une animation existante.
- 01
Comprendre l'intention locale
Déterminez si la personne cherche un tutoriel, un modèle, un réglage d'export ou un exemple de reporting avant de choisir le graphique.
- 02
Préparer un CSV remplaçable
Gardez une seule ligne d'en-tête, des libellés courts, des unités cohérentes, sans totaux ni notes qui cassent l'exemple.
- 03
Choisir le modèle de graphique
Partez de la question : classement, tendance, comparaison, part du total, flux ou relation. Utilisez Chronologie à bulles animées quand cela rend la relation évidente.
- 04
Écrire la conclusion visible
Placez conclusion, unité et période près du graphique pour que l'image finale fonctionne en recherche, social ou rapport.
- 05
Régler le mouvement pour la lecture
Ralentissez sur les leaders, croisements, anomalies et valeurs finales. L'animation doit guider, pas décorer.
- 06
Exporter selon la destination
Créez MP4 ou WebM pour le mouvement et PNG pour PDF, email, aperçu et contextes à mouvement réduit.
02 Exemples visuels
Essayer ces modèles
Comparez le mouvement et la lecture avant de vous engager sur un format. Chaque exemple s’ouvre comme un graphique éditable data-driven.
Sunburst animé
part
Sunburst animé
Des anneaux imbriqués se déploient depuis le centre pour montrer la composition hiérarchique et la contribution des branches.
Utiliser ce modèleRéseau de forces
comparaison
Réseau de forces
Les relations pondérées se dessinent tandis que les nœuds connectés se stabilisent dans un réseau relâché.
Utiliser ce modèleChronologie de Gantt animée
tendance
Chronologie de Gantt animée
Les barres de projet se construisent sur une chronologie commune avec progression et révélation séquencée des tâches.
Utiliser ce modèle03 Appliquer
Cas liés
04 Questions fréquentes
Questions fréquentes
À qui s'adresse le guide Créer des bulles animées, sunbursts, réseaux et Gantt ?
Aux équipes qui transforment CSV ou feuilles de calcul en graphiques animés réutilisables pour rapports, pages produit, réseaux ou présentations.
Par quel graphique commencer ?
Commencez par le modèle Chronologie à bulles animées si la relation de données convient. Si la question change, changez le modèle avant le design.
Quel format exporter ?
MP4 pour la compatibilité, WebM pour le web, GIF seulement pour de courtes boucles muettes, PNG comme image finale de secours.