Générateur de Sankey à Cinq Étapes en Dégradé Pastel

Qu’est-ce qu’un diagramme de Sankey à cinq étapes en dégradé pastel ?

Un diagramme de Sankey à cinq étapes en dégradé pastel est une visualisation de flux qui découpe une chaîne complète en cinq colonnes de nœuds — par exemple source → transit → hub → canal → destination. Chaque colonne totalise exactement la même somme et la largeur des rubans est proportionnelle aux valeurs : on lit donc directement quelle part est prélevée et quelle part est recombinée à chaque niveau.

Ce qui distingue ce style, c’est son langage visuel. Les nœuds ne sont pas de lourds blocs pleins mais de fines barres, et chacun tire sa propre couleur d’une séquence pastel. Les rubans ne sont pas monochromes : chacun passe en douceur de la couleur du nœud source à celle du nœud cible, avec une faible opacité, si bien que les flux se mêlent naturellement en dégradés superposés au centre de la toile. Les noms des colonnes intermédiaires sont placés dans des pastilles blanches au-dessus de leurs nœuds, restant lisibles par-dessus les rubans. La palette reste douce et claire : le résultat évoque une infographie ou une affiche, prêt à être posé sur une couverture de rapport.

Fonctionnalités

• Piloté par modèle, stratification automatique : téléchargez le modèle CSV, remplissez source,target,value et téléversez — l’outil déduit lui-même le niveau de chaque nœud, le nombre de colonnes découle de vos données sans déclaration d’étape
• Rubans en dégradé source → cible : chaque bande calcule son propre dégradé, de la couleur du nœud source à celle du nœud cible, en faible opacité : les superpositions se mélangent naturellement et la profondeur se lit d’un coup d’œil
• Une couleur pastel par nœud : même avec 36 nœuds, chacun conserve sa couleur — distincte dans la colonne, libre d’écho entre colonnes — bien plus lisible qu’une simple rampe
• Nœuds fins et étiquettes en pastille : barres de 12px ; les étiquettes de la première colonne sont alignées à droite, à gauche de leur nœud, celles de la dernière alignées à gauche, à droite, et les colonnes intermédiaires sont centrées au-dessus de leur nœud sur une pastille blanche
• Trois palettes : Pastel doux, Froid élégant et Morandi chaud — un clic pour basculer ; le mode sombre éclaircit automatiquement la palette pour préserver le contraste
• Clair / sombre : bascule du fond en un clic, reprise dans l’export
• Formats d’export multiples : PNG haute résolution (ratio 2x) et SVG vectoriel, ce dernier modifiable dans un logiciel de design
• Confidentialité : toutes les données sont analysées et rendues localement dans le navigateur, jamais téléversées

Domaines d’application

• Chaîne d’approvisionnement et logistique : fournisseur → entrepôt de transit → hub de distribution → canal → marché final
• Budgets et flux financiers : budget total → service → projet → catégorie de dépense → usage final
• Attribution de canaux et entonnoirs marketing : source de trafic → page d’atterrissage → parcours de conversion → canal de clôture → type de client
• Énergie et ressources : énergie primaire → conversion → réseau de transport → secteur consommateur → usage final, avec pertes et répartitions
• Recrutement et admissions : source de candidature → présélection → entretien → canal d’offre → répartition des postes
• Data journalisme et rapports : un graphique de flux multi-étapes à la tonalité douce et à forte densité d’information

Mode d’emploi

1. Cliquez sur « Télécharger le modèle CSV » pour obtenir le fichier d’exemple (71 flux qui produisent d’emblée une figure complète en cinq étapes)
2. Remplissez vos données au format : source,target,value
3. Cliquez sur la zone de téléversement ou déposez votre fichier CSV sur la page
4. Le diagramme en cinq étapes est généré automatiquement ; testez les palettes et le mode clair / sombre
5. Facultatif : saisissez un titre dans le champ « Titre du graphique » ; laissez vide pour le masquer
6. Cliquez sur « Télécharger PNG » ou « Télécharger SVG » pour enregistrer votre graphique

Format des données

Champ	Requis	Description
source	Oui	Nom du nœud de départ (niveau amont)
target	Oui	Nom du nœud d’arrivée (niveau aval)
value	Oui	Valeur numérique du flux (nombre positif) ; la largeur du ruban lui est proportionnelle

Limites : jusqu’à 150 lignes ; au plus 14 nœuds par étape. Le nombre d’étapes est déduit automatiquement de la hiérarchie — inutile de le déclarer dans le CSV. Les données doivent former une structure en couches à sens unique ; tout flux circulaire déclenche une erreur.

Remarque : un même nom désigne toujours un même nœud. Si plusieurs étapes utilisent les mêmes intitulés de catégorie, préfixez-les par étape (par exemple Stage1-North et Stage3-North), sinon elles seront fusionnées.

Comment lire ce graphique

Lisez les cinq étapes de gauche à droite : observez d’abord comment les nœuds de gauche répartissent le total, puis suivez les rubans pour voir où chaque niveau se divise. Comme chaque niveau est conservé, la largeur d’un ruban représente à la fois son volume absolu et sa part. La palette pastel sépare les branches d’un même niveau, tandis que le sens du dégradé indique d’où vient le flux et où il va — la couleur dont une bande s’estompe est celle de son nœud source. Survolez un ruban ou un nœud pour vérifier les valeurs exactes.

À propos de Gotokit

Gotokit s’attache à fournir des outils en ligne simples, efficaces et esthétiques. Ce générateur de Sankey à cinq étapes en dégradé pastel s’appuie sur le moteur de rendu ECharts — sans inscription, prêt à l’emploi, avec un traitement entièrement local de vos données.