{"id":2058,"date":"2026-07-27T02:31:06","date_gmt":"2026-07-27T02:31:06","guid":{"rendered":"https:\/\/www.vpascode.com\/fr\/docs\/uncategorized\/sankey-chart-directional-flow-and-volume-transitions-guide\/"},"modified":"2026-07-27T02:31:06","modified_gmt":"2026-07-27T02:31:06","slug":"sankey-chart-directional-flow-and-volume-transitions-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/","title":{"rendered":"Diagramme de Sankey : flux directionnels et transitions de volume"},"content":{"rendered":"

Lors du suivi des transferts continus, des distributions de ressources ou des parcours utilisateur \u00e0 plusieurs \u00e9tapes, le Diagramme de Sankey<\/strong> est l’outil de visualisation de premier choix. En dessinant des bandes de flux proportionnelles entre des n\u0153uds d’\u00e9tapes s\u00e9quentielles, les diagrammes de Sankey illustrent comment les quantit\u00e9s totales se divisent, se combinent et transitent \u00e0 travers des syst\u00e8mes complexes<\/em>\u2014par exemple les tunnels de conversion des utilisateurs sur un site web, les r\u00e9seaux de distribution d’\u00e9nergie ou les affectations budg\u00e9taires au sein d’une organisation.<\/p>\n

Le fonctionnement des diagrammes de Sankey<\/h2>\n

Dans Apache ECharts, les diagrammes de Sankey utilisent type : 'sankey'<\/code>. Similaire aux diagrammes de graphes, un diagramme de Sankey est d\u00e9fini par une liste de n\u0153uds<\/code> (ou data<\/code>) et des links<\/code> (ou ar\u00eates<\/code>). Chaque lien contient un nom de source<\/code> de n\u0153ud, un nom de cible<\/code> de n\u0153ud, et une valeur num\u00e9rique valeur<\/code> qui d\u00e9termine la largeur visuelle de la ligne de flux connectant les n\u0153uds.<\/p>\n

1. Configuration essentielle<\/h3>\n

Pour construire un diagramme de Sankey basique, d\u00e9clarez vos \u00e9l\u00e9ments de n\u0153ud \u00e0 l’int\u00e9rieur de data<\/code> et d\u00e9finissez les volumes de flux orient\u00e9s dans links<\/code>:<\/p>\n

\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n ECharts<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit ECharts in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
option = {\r\n    tooltip: {\r\n        trigger: 'item',\r\n        triggerOn: 'mousemove'\r\n    },\r\n    series: [\r\n        {\r\n            type: 'sankey',\r\n            data: [\r\n                { name: 'Revenu total' },\r\n                { name: 'Ventes de produits' },\r\n                { name: 'Services' },\r\n                { name: 'Marketing' },\r\n                { name: 'Recherche et d\u00e9veloppement' },\r\n                { name: 'B\u00e9n\u00e9fice' }\r\n            ],\r\n            links: [\r\n                { source: 'Revenu total', target: 'Ventes de produits', value: 70 },\r\n                { source: 'Revenu total', target: 'Services', value: 30 },\r\n                { source: 'Ventes de produits', target: 'Marketing', value: 30 },\r\n                { source: 'Ventes de produits', target: 'Recherche et d\u00e9veloppement', value: 25 },\r\n                { source: 'Ventes de produits', target: 'B\u00e9n\u00e9fice', value: 15 },\r\n                { source: 'Services', target: 'B\u00e9n\u00e9fice', value: 30 }\r\n            ],\r\n            emphasis: {\r\n                focus: 'adjacency'\r\n            },\r\n            lineStyle: {\r\n                color: 'gradient',\r\n                curveness: 0.5\r\n            }\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Techniques structurelles avanc\u00e9es<\/h2>\n
Les diagrammes Sankey peuvent \u00eatre personnalis\u00e9s avec des orientations de flux verticales, des couleurs de n\u0153uds \u00e0 plusieurs niveaux et une mise en \u00e9vidence dynamique des liens pour suivre des chemins individuels \u00e0 travers des r\u00e9seaux complexes.<\/p>\n
1. Orientation du flux vertical<\/h3>\n
D\u00e9finir orient: 'vertical'<\/code> pour transformer les flux horizontaux des \u00e9tapes en une vue en cascade verticale du haut vers le bas :<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    ECharts<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
option = {\r\n    tooltip: {\r\n        trigger: 'item',\r\n        triggerOn: 'mousemove'\r\n    },\r\n    series: [\r\n        {\r\n            type: 'sankey',\r\n            orient: 'vertical',\r\n            nodeWidth: 20,\r\n            nodeGap: 16,\r\n            data: [\r\n                { name: 'Visites du site web' },\r\n                { name: 'Page produit' },\r\n                { name: 'Rebond direct' },\r\n                { name: 'Panier' },\r\n                { name: 'Paiement' }\r\n            ],\r\n            links: [\r\n                { source: 'Visites du site web', target: 'Page produit', value: 1000 },\r\n                { source: 'Visites du site web', target: 'Rebond direct', value: 400 },\r\n                { source: 'Page produit', target: 'Panier', value: 600 },\r\n                { source: 'Panier', target: 'Paiement', value: 450 }\r\n            ],\r\n            lineStyle: {\r\n                color: 'source',\r\n                curveness: 0.5\r\n            }\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Affinage du layout et du style des liens<\/h2>\n
Ajuster l’\u00e9cartement des n\u0153uds, la courbure des lignes et les comportements de mise en \u00e9vidence au survol maintient les flux complexes \u00e0 plusieurs \u00e9tapes propres et lisibles.<\/p>\n
1. Contr\u00f4le de l’\u00e9cartement des n\u0153uds et flux en d\u00e9grad\u00e9 source-cible<\/h3>\n
Personnaliser nodeGap<\/code> et d\u00e9finir lineStyle.color: 'gradient'<\/code> cr\u00e9e des transitions de couleur fluides entre les \u00e9tapes :<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    ECharts<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
option = {\r\n    series: [\r\n        {\r\n            type: 'sankey',\r\n            left: '5%',\r\n            right: '15%',\r\n            nodeWidth: 24,\r\n            nodeGap: 18,\r\n            draggable: true,\r\n            label: {\r\n                position: 'right',\r\n                color: '#333',\r\n                fontSize: 12\r\n            },\r\n            data: [\r\n                { name: 'Source A', itemStyle: { color: '#5470c6' } },\r\n                { name: 'Source B', itemStyle: { color: '#91cc75' } },\r\n                { name: '\u00c9tape 1', itemStyle: { color: '#fac858' } },\r\n                { name: '\u00c9tape 2', itemStyle: { color: '#ee6666' } },\r\n                { name: 'Sortie finale', itemStyle: { color: '#73c0de' } }\r\n            ],\r\n            links: [\r\n                { source: 'Source A', target: '\u00c9tape 1', value: 50 },\r\n                { source: 'Source B', target: '\u00c9tape 1', value: 30 },\r\n                { source: '\u00c9tape 1', target: '\u00c9tape 2', value: 60 },\r\n                { source: '\u00c9tape 1', target: 'Sortie finale', value: 20 },\r\n                { source: '\u00c9tape 2', target: 'Sortie finale', value: 60 }\r\n            ],\r\n            lineStyle: {\r\n                color: 'gradient',\r\n                curveness: 0.6,\r\n                opacity: 0.4\r\n            }\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Meilleures pratiques strat\u00e9giques<\/h2>\n
    \n
  • Maintenir la conservation du flux :<\/strong> Assurez-vous que la somme des valeurs entrant dans un n\u0153ud est \u00e9gale ou logiquement explique les valeurs sortantes afin d’\u00e9viter des \u00e9carts visuels trompeurs.<\/li>\n
  • Activer emphasis.focus : 'adjacence'<\/code>:<\/strong> Lors de la gestion des flux \u00e0 plusieurs \u00e9tapes, se concentrer sur les liens adjacents au survol permet aux utilisateurs d’isoler des parcours sp\u00e9cifiques sans bruit visuel.<\/li>\n
  • Utilisez les liens en d\u00e9grad\u00e9 :<\/strong> D\u00e9finir lineStyle.color : 'd\u00e9grad\u00e9'<\/code> fonds progressivement la couleur du n\u0153ud source dans celle du n\u0153ud cible, rendant les transitions \u00e0 plusieurs \u00e9tapes visuellement intuitives.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Lors du suivi des transferts continus, des distributions de ressources ou des parcours utilisateur \u00e0 plusieurs \u00e9tapes, le Diagramme de Sankey est l’outil de visualisation de premier choix. En dessinant des bandes de flux proportionnelles entre des n\u0153uds d’\u00e9tapes s\u00e9quentielles,…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":20,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2058","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nECharts Sankey Chart Guide | VPasCode Text to Diagram Tool<\/title>\n<meta name=\"description\" content=\"Visualize energy, financial, or data volume flows using ECharts Sankey charts in VPasCode, a diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Sankey Chart Guide | VPasCode Text to Diagram Tool\" \/>\n<meta property=\"og:description\" content=\"Visualize energy, financial, or data volume flows using ECharts Sankey charts in VPasCode, a diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c3f3b1539.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/\",\"name\":\"ECharts Sankey Chart Guide | VPasCode Text to Diagram Tool\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66c3f3b1539.png\",\"datePublished\":\"2026-07-27T02:31:06+00:00\",\"description\":\"Visualize energy, financial, or data volume flows using ECharts Sankey charts in VPasCode, a diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66c3f3b1539.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66c3f3b1539.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Diagramme de Sankey : flux directionnels et transitions de volume\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ECharts Sankey Chart Guide | VPasCode Text to Diagram Tool","description":"Visualize energy, financial, or data volume flows using ECharts Sankey charts in VPasCode, a diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/","og_locale":"fr_FR","og_type":"article","og_title":"ECharts Sankey Chart Guide | VPasCode Text to Diagram Tool","og_description":"Visualize energy, financial, or data volume flows using ECharts Sankey charts in VPasCode, a diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c3f3b1539.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/","url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/","name":"ECharts Sankey Chart Guide | VPasCode Text to Diagram Tool","isPartOf":{"@id":"https:\/\/www.vpascode.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c3f3b1539.png","datePublished":"2026-07-27T02:31:06+00:00","description":"Visualize energy, financial, or data volume flows using ECharts Sankey charts in VPasCode, a diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c3f3b1539.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c3f3b1539.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/fr\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Diagramme de Sankey : flux directionnels et transitions de volume"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/fr\/#website","url":"https:\/\/www.vpascode.com\/fr\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/fr\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs\/2058","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/media?parent=2058"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_collection?post=2058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}