Diagrammes de Sankey
Visualisez les quantites de flux entre les noeuds avec des fleches proportionnelles. Parfait pour les flux d'energie, l'allocation budgetaire et les entonnoirs de conversion.
Qu'est-ce qu'un Diagrammes de Sankey ?
Les diagrammes de Sankey sont des diagrammes de flux ou la largeur des fleches est proportionnelle a la quantite de flux qu'elles representent. Ils excellent a montrer comment les quantites circulent, se divisent et fusionnent a travers un systeme. Nommes d'apres le capitaine irlandais Matthew Sankey, ces diagrammes sont inestimables pour visualiser les transferts d'energie, les flux budgetaires, les entonnoirs de conversion et tout processus ou la comprehension des flux proportionnels est importante.
Modifier et previsualiser
Construisez un Diagrammes de Sankey avec la syntaxe Mermaid et voyez les changements instantanement.
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15Cas d'utilisation courants
Analyse d'entonnoir de conversion
Visualisez le flux des utilisateurs a travers les entonnoirs marketing ou de vente. Voyez ou les utilisateurs abandonnent et comment le trafic se convertit a chaque etape.
Visualisation des flux d'energie
Montrez comment l'energie est generee, transformee et consommee a travers un systeme. Suivez les pertes et l'efficacite a chaque etape.
Flux budgetaires et de couts
Illustrez comment l'argent circule des sources de revenus a travers les departements vers les depenses. Rendez les distributions financieres intuitives.
Cartographie de la chaine d'approvisionnement
Tracez les materiaux et les produits des fournisseurs a travers la fabrication jusqu'a la distribution. Visualisez les quantites a chaque etape.
Fonctionnalites cles
Fleches proportionnelles
La largeur des fleches s'adapte automatiquement pour representer les quantites de flux, rendant les volumes relatifs immediatement visibles.
Etiquettes de noeuds
Definissez des noeuds source et cible avec des etiquettes descriptives pour identifier chaque etape ou entite dans le flux.
Flux multiples
Montrez les flux se divisant d'une source vers plusieurs cibles, ou plusieurs sources fusionnant vers une seule cible.
Syntaxe simple de type CSV
Definissez les flux en utilisant des triplets intuitifs source, cible, valeur qui sont faciles a ecrire et a maintenir.
Bonnes pratiques
Flux de gauche a droite
Disposez le diagramme de sorte que les flux aillent de gauche a droite, correspondant au sens naturel de lecture et a la progression temporelle.
Utilisez des noms de noeuds significatifs
Etiquetez les noeuds clairement pour que les lecteurs comprennent immediatement ce que chaque etape ou entite represente.
Limitez la complexite
Gardez le nombre de flux et de noeuds gerable. Trop de fleches croisees reduisent la lisibilite.
Assurez l'exactitude des donnees
Verifiez que les valeurs de flux sont exactes, car les proportions visuelles communiquent directement les quantites aux lecteurs.
Explorer d'autres types de diagrammes
Organigrammes
Visualisez les processus, les flux de travail et les algorithmes avec des noeuds et des fleches directionnelles. Parfait pour les processus metier et les arbres de decision.
Diagrammes de sequence
Documentez les interactions entre differents acteurs ou systemes au fil du temps. Ideal pour la documentation API et la conception de systemes.
Diagrammes de classes
Modelisez les systemes orientes objet avec des classes, des attributs et des relations. Essentiel pour la planification de l'architecture logicielle.
Diagrammes d'etats
Representez les transitions d'etats dans les systemes ou les applications. Ideal pour modeliser les cycles de vie et les flux de travail.
Diagrammes de Gantt
Planifiez et suivez les calendriers de projets avec des taches et des dependances. Parfait pour la gestion de projets et la planification.
Diagrammes ER
Concevez des schemas de bases de donnees avec des entites et des relations. Ideal pour la modelisation et la documentation de bases de donnees.
Parcours utilisateur
Cartographiez les experiences et interactions des utilisateurs a travers les points de contact. Excellent pour la conception UX et la cartographie du parcours client.
Graphes Git
Visualisez les strategies de branchement Git et l'historique des commits. Utile pour expliquer les flux de travail du controle de version.
Cartes mentales
Organisez vos idees, faites du brainstorming et creez des structures visuelles hierarchiques. Parfait pour la planification et la cartographie des connaissances.
Diagrammes circulaires
Affichez les distributions proportionnelles de donnees avec des graphiques circulaires. Ideal pour montrer les pourcentages et les repartitions de parts de marche.
Chronologies
Visualisez les evenements chronologiques et les jalons le long d'un axe temporel. Ideal pour les historiques de projets et les feuilles de route.
Tableaux Kanban
Organisez les taches en colonnes representant les etapes du flux de travail. Parfait pour la gestion de projet agile et le suivi des taches.
Diagrammes en quadrants
Positionnez des elements sur une grille a deux axes pour comparer et prioriser. Ideal pour la priorisation des fonctionnalites et l'analyse strategique.
Graphiques XY
Creez des diagrammes a barres et des graphiques lineaires avec des axes personnalisables. Ideal pour la visualisation de donnees et l'analyse des tendances.
Diagrammes de blocs
Construisez des mises en page structurees avec des blocs disposes en colonnes et en lignes. Ideal pour l'architecture systeme et les vues d'ensemble des composants.
Diagrammes d'architecture
Concevez des architectures cloud et systeme avec des icones de services et des connexions. Parfait pour la documentation d'infrastructure.
Diagrammes de paquets
Visualisez les structures de paquets de protocoles reseau avec des dispositions de champs au niveau du bit. Essentiel pour la documentation des protocoles reseau.