{"id":2056,"date":"2026-07-27T02:31:06","date_gmt":"2026-07-27T02:31:06","guid":{"rendered":"https:\/\/www.vpascode.com\/es\/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\/es\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/","title":{"rendered":"Gr\u00e1fico de Sankey: Flujo direccional y transiciones de volumen"},"content":{"rendered":"

Cuando se rastrean transferencias continuas, distribuciones de recursos o recorridos de usuarios de m\u00faltiples etapas, el Gr\u00e1fico de Sankey<\/strong> es la herramienta de visualizaci\u00f3n principal. Al dibujar bandas de flujo proporcionales entre nodos de etapas secuenciales, los gr\u00e1ficos de Sankey ilustran c\u00f3mo las cantidades totales se dividen, combinan y transitan a trav\u00e9s de sistemas complejos<\/em>\u2014como embudos de conversi\u00f3n de usuarios en sitios web, redes de distribuci\u00f3n de energ\u00eda o asignaciones presupuestarias organizacionales.<\/p>\n

La mec\u00e1nica de los gr\u00e1ficos de Sankey<\/h2>\n

En Apache ECharts, los gr\u00e1ficos de Sankey utilizan type: 'sankey'<\/code>. Similar a los gr\u00e1ficos de red, un gr\u00e1fico de Sankey se define mediante una lista de nodos<\/code> (o data<\/code>) y enlaces dirigidos links<\/code> (o aristas<\/code>). Cada enlace contiene un nombre de nodo de origen<\/code> nodo, un nombre de nodo de destino<\/code> nodo y un valor num\u00e9rico valor<\/code> que determina el ancho visual de la l\u00ednea de flujo conectada.<\/p>\n

1. Configuraci\u00f3n esencial<\/h3>\n

Para construir un gr\u00e1fico de Sankey b\u00e1sico, declare sus elementos de nodo dentro de data<\/code> y defina los vol\u00famenes de flujo dirigidos en links<\/code>:<\/p>\n

\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar ECharts en 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: 'Ingresos Totales' },\r\n                { name: 'Ventas de Productos' },\r\n                { name: 'Servicios' },\r\n                { name: 'Marketing' },\r\n                { name: 'I+D' },\r\n                { name: 'Ganancias' }\r\n            ],\r\n            links: [\r\n                { source: 'Ingresos Totales', target: 'Ventas de Productos', value: 70 },\r\n                { source: 'Ingresos Totales', target: 'Servicios', value: 30 },\r\n                { source: 'Ventas de Productos', target: 'Marketing', value: 30 },\r\n                { source: 'Ventas de Productos', target: 'I+D', value: 25 },\r\n                { source: 'Ventas de Productos', target: 'Ganancias', value: 15 },\r\n                { source: 'Servicios', target: 'Ganancias', value: 30 }\r\n            ],\r\n            emphasis: {\r\n                focus: 'adjacency'\r\n            },\r\n            lineStyle: {\r\n                color: 'gradiente',\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>
\nEditar ECharts en VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
T\u00e9cnicas estructurales avanzadas<\/h2>\n
Los gr\u00e1ficos de Sankey se pueden personalizar con orientaciones de flujo vertical, colores de nodos de m\u00faltiples niveles y resaltado din\u00e1mico de enlaces para rastrear rutas individuales a trav\u00e9s de redes complejas.<\/p>\n
1. Orientaci\u00f3n de flujo vertical<\/h3>\n
Establezca orient: 'vertical'<\/code>para transformar los flujos de etapas horizontales en una vista de cascada vertical de arriba hacia abajo:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar ECharts en 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: 'Visitas al Sitio Web' },\r\n                { name: 'P\u00e1gina de Producto' },\r\n                { name: 'Rebote Directo' },\r\n                { name: 'Carrito' },\r\n                { name: 'Finalizar Compra' }\r\n            ],\r\n            links: [\r\n                { source: 'Visitas al Sitio Web', target: 'P\u00e1gina de Producto', value: 1000 },\r\n                { source: 'Visitas al Sitio Web', target: 'Rebote Directo', value: 400 },\r\n                { source: 'P\u00e1gina de Producto', target: 'Carrito', value: 600 },\r\n                { source: 'Carrito', target: 'Finalizar Compra', value: 450 }\r\n            ],\r\n            lineStyle: {\r\n                color: 'fuente',\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>
\nEditar ECharts en VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Ajuste fino del dise\u00f1o y estilo de enlaces<\/h2>\n
Ajustar el espaciado entre nodos, la curvatura de las l\u00edneas y el comportamiento de resaltado al pasar el cursor mantiene los flujos complejos de m\u00faltiples etapas limpios y legibles.<\/p>\n
1. Controles de espacio entre nodos y flujos de gradiente de origen a destino<\/h3>\n
Personalizar nodeGap<\/code> y establecer lineStyle.color: 'gradiente'<\/code>crea transiciones de color suaves entre etapas:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar ECharts en 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: 'Fuente A', itemStyle: { color: '#5470c6' } },\r\n                { name: 'Fuente B', itemStyle: { color: '#91cc75' } },\r\n                { name: 'Etapa 1', itemStyle: { color: '#fac858' } },\r\n                { name: 'Etapa 2', itemStyle: { color: '#ee6666' } },\r\n                { name: 'Salida Final', itemStyle: { color: '#73c0de' } }\r\n            ],\r\n            links: [\r\n                { source: 'Fuente A', target: 'Etapa 1', value: 50 },\r\n                { source: 'Fuente B', target: 'Etapa 1', value: 30 },\r\n                { source: 'Etapa 1', target: 'Etapa 2', value: 60 },\r\n                { source: 'Etapa 1', target: 'Salida Final', value: 20 },\r\n                { source: 'Etapa 2', target: 'Salida Final', value: 60 }\r\n            ],\r\n            lineStyle: {\r\n                color: 'gradiente',\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>
\nEditar ECharts en VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Pr\u00e1cticas recomendadas estrat\u00e9gicas<\/h2>\n
    \n
  • Mantenga la conservaci\u00f3n del flujo:<\/strong>Aseg\u00farese de que la suma de los valores que fluyen hacia un nodo sea igual o l\u00f3gicamente explique los valores que salen, para evitar brechas visuales enga\u00f1osas.<\/li>\n
  • Habilite emphasis.focus: 'adyacencia'<\/code>:<\/strong>Al tratar flujos de m\u00faltiples etapas, enfocarse en los enlaces adyacentes al pasar el cursor permite aislar rutas espec\u00edficas sin ruido visual.<\/li>\n
  • Utilice enlaces con gradiente:<\/strong> Configurando lineStyle.color: 'gradiente'<\/code>mezcla suavemente el color del nodo de origen con el color del nodo destino, haciendo que las transiciones de m\u00faltiples etapas sean visualmente intuitivas.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Cuando se rastrean transferencias continuas, distribuciones de recursos o recorridos de usuarios de m\u00faltiples etapas, el Gr\u00e1fico de Sankey es la herramienta de visualizaci\u00f3n principal. Al dibujar bandas de flujo proporcionales entre nodos de etapas secuenciales, los gr\u00e1ficos de Sankey…<\/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-2056","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\/es\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\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\/es\/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=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/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\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/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\\\/es\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/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\\\/es\\\/docs\\\/vpascode-docs\\\/sankey-chart-directional-flow-and-volume-transitions-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Gr\u00e1fico de Sankey: Flujo direccional y transiciones de volumen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/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\/es\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/","og_locale":"es_ES","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\/es\/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":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/","url":"https:\/\/www.vpascode.com\/es\/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\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/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\/es\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/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\/es\/docs\/vpascode-docs\/sankey-chart-directional-flow-and-volume-transitions-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/es\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/es\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Gr\u00e1fico de Sankey: Flujo direccional y transiciones de volumen"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/es\/#website","url":"https:\/\/www.vpascode.com\/es\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/es\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs\/2056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/media?parent=2056"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_collection?post=2056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}