SuperCalX
VISUALIZACIÓN PROFESIONAL

Diagrama de Sankey

Crea diagramas de flujo interactivos a partir de texto simple y descárgalos en PNG. Gratis y sin registro.

CÓMO SE USA:

Origen [100] Destino

Origen [*] Destino (saldo automático)

Origen [100] Destino #HEX (color del flujo)

:Nodo #HEX (color del nodo; nombre de una palabra)

Valores sin separador de miles; decimales con punto (1500.5).

Vista previa interactiva
ARRASTRA LOS NODOS EN VERTICAL
Sueldo → Presupuesto Valor: 2,500Bonos → Presupuesto Valor: 500Presupuesto → Renta Valor: 1,000Presupuesto → Comida Valor: 600Presupuesto → Servicios Valor: 400Presupuesto → Ahorro Valor: 500Presupuesto → Entretenimiento Valor: 500Ahorro → Fondo de emergencia Valor: 200Ahorro → Inversión Valor: 300Sueldo Valor: 2,500SueldoPresupuesto Valor: 3,000PresupuestoBonos Valor: 500BonosRenta Valor: 1,000RentaComida Valor: 600ComidaServicios Valor: 400ServiciosAhorro Valor: 500AhorroEntretenimiento Valor: 500EntretenimientoFondo de emergencia Valor: 200Fondo de emergenciaInversión Valor: 300Inversión

Sobre el diagrama de Sankey

Crea diagramas de Sankey para ver cómo se mueven recursos, costos, usuarios, materiales o energía a través de un sistema. Sirve para mapear procesos, explicar un presupuesto, analizar un embudo de ventas y cualquier caso en el que importe el tamaño relativo de cada flujo.

Entradas

Escribe relaciones de origen, valor y destino, asigna colores a nodos o flujos y ajusta separación, etiquetas y disposición.

Resultado

Un diagrama de flujo legible que muestra cuellos de botella, caminos dominantes y desbalances, listo para descargar en PNG.

Buena práctica

Usa nombres de nodo consistentes, cuadra los totales conocidos y elige etiquetas que alguien entienda sin ver tu hoja de datos.

Diagrama de Sankey: la respuesta corta

Un diagrama de Sankey muestra flujos entre etapas: el ancho de cada banda es proporcional a la cantidad que pasa por ella. Sirve para ver de un vistazo a dónde va un presupuesto, cómo se pierde la energía en un proceso o dónde abandonan los usuarios un embudo de ventas. Aquí lo creas online gratis escribiendo cada flujo como “Origen [valor] Destino”.

  • Cada flujo necesita un origen, un destino y un valor positivo.
  • Lo que entra a un nodo debería ser igual a lo que sale, salvo en los nodos de inicio y de fin.
  • Con [*] la herramienta calcula sola el resto: lo que entra al nodo menos los demás flujos que salen.
  • Entre 5 y 25 nodos es lo más legible.

Equipo de SuperCalX · Revisado por Dr. Ahmed Mortuza Saleque, fundador y editor · Última revisión: · English version

¿Para qué sirve un diagrama de Sankey?

  • Presupuesto personal o familiar: ingresos hacia renta, comida, transporte y ahorro. Planea las cifras con la calculadora de ahorro.
  • Energía: de la energía que entra a una máquina o un edificio, cuánta se aprovecha y cuánta se pierde como calor. Estima el gasto con la calculadora de consumo eléctrico.
  • Emisiones: de qué actividades sale tu huella de carbono.
  • Embudos de venta: visitas, registros, carritos y compras, con la pérdida en cada etapa.
  • Materiales y procesos: materia prima, producto, merma y reciclaje.
  • Encuestas o elecciones: cómo cambian las preferencias de una ronda a otra.

Cómo escribir los datos

Escribe un flujo por línea con el formato Origen [valor] Destino. Los nombres pueden tener espacios. Al final de la línea puedes agregar un color hexadecimal para ese flujo. Para dar color a un nodo, agrega una línea “:Nodo #HEX”; en ese caso el nombre del nodo debe ser una sola palabra. Las líneas que empiezan con // se ignoran.

LíneaQué hace
Sueldo [2500] PresupuestoFlujo de 2,500 de Sueldo a Presupuesto
Bonos [500] Presupuesto #10b981Flujo con color propio
Presupuesto [*] EntretenimientoToma todo lo que sobra del Presupuesto
:Ahorro #f59e0bColor del nodo Ahorro
// notaComentario; no se dibuja

Ejemplos de diagrama de Sankey

TemaEtapas típicasQué revela
PresupuestoIngresos → rubros de gasto → ahorroEl rubro que más pesa
Energía de un autoCombustible → motor → calor, fricción, movimientoLas pérdidas del proceso
Tienda en líneaVisitas → producto → carrito → compraLa etapa con más abandono
Agua de una ciudadFuentes → potabilización → usos → fugasEl volumen que se pierde en fugas

Consejos de diseño

  • Ordena los nodos para que los flujos grandes vayan rectos y los cruces sean pocos. Puedes arrastrar los nodos en vertical.
  • Usa un color por origen para seguir a dónde va cada entrada.
  • Agrupa los flujos muy pequeños en un nodo “Otros”.
  • Indica la unidad en el título o en los nombres: “$ al mes”, “kWh”, “usuarios”.
  • Si el diagrama no cabe en tu celular, baja el ancho del lienzo en Personalizar o desplázate dentro de la vista previa.

Ejemplos resueltos

Presupuesto mensual de $3,000

  1. Sueldo [2500] Presupuesto y Bonos [500] Presupuesto: entran $3,000.
  2. Salen Renta 1,000, Comida 600, Servicios 400 y Ahorro 500, en total $2,500.
  3. Presupuesto [*] Entretenimiento toma el resto: 3,000 − 2,500 = $500.
  4. La renta es 1,000 ÷ 3,000 = 33% del ingreso.

Un diagrama que muestra que un tercio del ingreso se va en renta y que un sexto se ahorra.

Embudo de una tienda en línea

  1. Anuncios [12000] Visitas, Visitas [3000] Ficha de producto y Visitas [*] Salida sin ver productos (9,000).
  2. Ficha de producto [1200] Carrito y Ficha de producto [*] Salida en la ficha (1,800).
  3. Carrito [600] Compra y Carrito [*] Carrito abandonado (600).
  4. La conversión final es 600 ÷ 12,000 = 5%.

La banda más ancha es la de quienes se van sin ver productos (75% de las visitas): ahí conviene mejorar primero.

Errores comunes

  • Crear ciclos (A → B → A): un diagrama de Sankey no puede dibujarlos con claridad.
  • Escribir valores con separador de miles o coma decimal ([1,500]): la línea no se reconoce. Escribe [1500] o [1500.5].
  • Usar dos nombres distintos para el mismo nodo (“Ahorro” y “Ahorros”): se dibujan como dos nodos.
  • Mezclar unidades en un mismo diagrama, por ejemplo pesos y porcentajes.

Preguntas frecuentes

¿Para qué sirve un diagrama de Sankey?

Para mostrar cómo se reparte una cantidad entre varias etapas o destinos, con bandas cuyo ancho es proporcional al valor. Se usa en presupuestos, balances de energía y materiales, embudos de venta y análisis de procesos.

¿Por qué se llama diagrama de Sankey?

Por el capitán irlandés Matthew Sankey, que en 1898 usó uno para mostrar la eficiencia energética de una máquina de vapor.

¿En qué se diferencia de un diagrama de flujo?

Un diagrama de flujo muestra pasos y decisiones. Un diagrama de Sankey muestra cantidades que se mueven entre etapas, y el grosor de cada banda indica cuánto.

¿Puedo usar porcentajes?

Sí. Escribe los porcentajes como valores y los anchos serán proporcionales igual. Solo cuida que todos los flujos usen la misma base.

¿Se puede descargar el diagrama?

Sí. El botón “Descargar imagen PNG” guarda el diagrama al doble de resolución, listo para una presentación o un informe.

Agrega esta calculadora a tu sitio web

Docentes, blogueros y empresas pueden mostrar la Diagrama de Sankey en sus propias páginas gratis. Copia este código y pégalo en el HTML de tu página:

Por favor conserva el enlace de crédito para que tus lectores encuentren la fórmula, los ejemplos y la guía.

Calculadoras relacionadas

Graficador de datosHaz gráficas de datos y funciones y descárgalas.Calculadora de ahorroCuánto juntarás ahorrando cada mes con un rendimiento dado.Calculadora de consumo eléctricoCuánto gasta un aparato en kWh y en dinero.Calculadora de huella de carbonoEmisiones de CO₂ de tu hogar, transporte y alimentación.Calculadora de porcentajesPorcentaje de un número, qué porcentaje es y variación porcentual.Escala TRL: nivel de madurez tecnológicaEvalúa el nivel TRL 1 a 9 de tu tecnología.

Todas las calculadoras de herramientas de investigación Todas las calculadoras en español