À propos des diagrammes de Sankey
Un diagramme de Sankey montre comment quelque chose circule d'un endroit à un autre. Chaque flux est une bande, et la largeur de la bande correspond à la quantité. Un seul coup d'œil suffit pour voir où va l'essentiel.
On les utilise pour :
- Les budgets personnels — où va votre salaire : loyer, alimentation, épargne, loisirs
- Les finances d'entreprise — du chiffre d'affaires aux coûts, impôts et bénéfices, comme dans les rapports annuels
- L'énergie — du combustible à l'électricité jusqu'aux foyers, et ce qui se perd en chemin
- Les sites web et les applis — d'où viennent les visiteurs et où ils partent
- Les entonnoirs de vente — des prospects aux appels, puis aux offres et aux clients
- La recherche d'emploi — des candidatures aux entretiens puis aux offres, un grand classique sur Reddit
Ce générateur dessine le diagramme pendant que vous tapez. Pas de compte, pas de filigrane, et vos chiffres ne quittent jamais votre ordinateur.
Comment l'utiliser
- Saisissez un flux par ligne : le départ, la quantité entre crochets, puis l'arrivée — par exemple Salaire [4200] Budget
- Ou collez trois colonnes depuis Excel ou Google Sheets : de, vers, montant
- Le diagramme est dessiné tout de suite ; ajoutez un titre si vous le souhaitez
- Choisissez un style — Classique, Minimal, Audacieux, Doux, Contour, Sombre, Néon ou Éditorial — puis les couleurs et la taille de l'image
- Ajoutez une devise ou une unité avant ou après les nombres, comme € ou kWh
- Cliquez sur Télécharger PNG ou Télécharger SVG
Écrire vos flux
- Un flux par ligne : Budget [1500] Loyer signifie que 1 500 vont de Budget à Loyer.
- Les cases se relient par leur nom. Écrivez Salaire [4200] Budget, puis Budget [1500] Loyer, et Budget devient une case au milieu par laquelle passe l'argent. Les noms doivent être écrits de la même façon à chaque fois.
- Plusieurs niveaux ne posent aucun problème : Salaire → Budget → Épargne → Investissements.
- Le même flux écrit deux fois est additionné.
- Votre propre couleur pour une case : une ligne comme :Épargne #22c55e.
- Commentaires : une ligne qui commence par // est ignorée.
- Les nombres peuvent s'écrire 4200, 4,200 ou 4200.50.
Si ce qui entre dans une case dépasse ce qui en sort (ou l'inverse), la case prend la hauteur du plus grand montant — vous voyez ainsi ce qui reste.
Huit styles
- Classique — net et clair, pour les rapports et les documents
- Minimal — barres fines et flux légers, quand les chiffres comptent plus que la couleur
- Audacieux — barres épaisses et couleurs fortes, lisibles même du fond de la salle
- Doux — barres arrondies sur un blanc cassé chaleureux, pour les publications et les newsletters
- Contour — barres creuses et flux très légers, pour une page imprimée qui économise l'encre
- Sombre — un fond bleu marine pour les diapositives sombres et les tableaux de bord
- Néon — des flux lumineux sur fond noir, pour les réseaux sociaux et les diapositives de titre
- Éditorial — le style de la presse financière et des rapports d'analyse : flux doux colorés par branche, fines barres sombres, petits points pour les plus petits éléments, étiquettes en gras sur deux lignes et le total au centre affiché comme un grand chiffre de une
Éditorial fonctionne le mieux en « nœud papillon » : de nombreuses sources se rejoignent dans un total au centre, qui se répartit ensuite en groupes puis en éléments plus petits — par exemple entreprises → *Dépenses totales* → catégories → fournisseurs. L'outil trouve tout seul la case centrale.
Un style ne change que l'apparence. Vos flux, la palette et la taille restent tels que vous les avez choisis, vous pouvez donc essayer chaque style en quelques clics.
Les réglages
- Forme des flux — courbes douces ou bandes droites
- Direction — de gauche à droite ou de haut en bas (idéal pour les images verticales sur téléphone et les entonnoirs)
- Montants — les nombres, le pourcentage du total de chaque case, les deux, ou rien
- Couleurs — cinq palettes pour les cases
- Couleur des flux — comme la case de départ, comme la case d'arrivée, par branche (chaque groupe après le centre garde une seule couleur jusqu'au bout), un dégradé entre les deux, ou un simple gris
- Avant / après les nombres — un symbole de devise ou une unité, affiché sur chaque montant
- Taille de l'image — large pour les diapositives, carrée pour les réseaux sociaux, haute pour les écrans de téléphone
- Largeur des cases, espace entre les cases, taille du texte — pour peaufiner le rendu
- Fond transparent — un PNG sans fond blanc, pour les diapositives au design coloré
Tout se passe sur votre appareil
Le diagramme est dessiné par un petit script dans votre navigateur. Vos flux ne sont pas envoyés et rien n'est stocké en ligne. Votre dernière liste est mémorisée sur cet appareil uniquement, pour la retrouver à votre retour.
Questions fréquentes
Comment créer un diagramme de Sankey ?
Saisissez chaque flux sur sa propre ligne sous la forme « De [montant] Vers », par exemple « Salaire [4200] Budget ». Le diagramme apparaît pendant que vous tapez. Cliquez ensuite sur Télécharger PNG ou Télécharger SVG.
Puis-je créer un diagramme de Sankey à partir d'Excel ?
Oui. Placez les données dans trois colonnes — de, vers, montant —, copiez les lignes et collez-les dans le champ. Une ligne d'en-tête est ignorée.
Est-ce comme SankeyMATIC ?
L'outil utilise les mêmes lignes simples « De [montant] Vers », donc une liste créée là-bas fonctionne aussi ici. Tout s'exécute dans votre navigateur, sans inscription.
Pourquoi l'un de mes flux n'est-il pas dessiné ?
Un diagramme de Sankey va dans un seul sens, une boucle (A → B → A) ne peut donc pas être dessinée. L'outil laisse de côté le flux qui fermerait la boucle et vous indique lequel.
Quelle est la différence entre PNG et SVG ?
Le PNG est une image classique pour les diapositives, les documents et les réseaux sociaux. Le SVG est un fichier vectoriel : il reste net à toutes les tailles et se modifie dans Illustrator, Inkscape, Figma ou PowerPoint.
Mes données sont-elles envoyées en ligne ?
Non. Le diagramme est créé dans votre navigateur, sur votre propre appareil.
Bon à savoir
- Passez la souris sur un flux ou une case pour voir son montant exact
- Le PNG est enregistré au double de la taille choisie, pour rester net sur les diapositives et les grands écrans
- Pour les graphiques en barres, en courbes et en secteurs, utilisez Créer un graphique
Outils similaires
- Créer un graphique — graphiques en barres, courbes, aires et secteurs
- Générateur de nuage de mots — une image des mots les plus utilisés
- Calculateur de pourcentage — calculer des parts d'un total
- Calculateur de statistiques — moyenne, médiane et plus
- Image en SVG — transformer une image en vecteur
- Embellir une capture d'écran — un joli cadre pour votre graphique
