Figwise

Generador de Diagramas de Sankey

Pega una lista de flujos con formato «origen, destino, valor» y obtén un diagrama de Sankey con bandas proporcionales al instante — gratis, sin iniciar sesión, exporta como SVG o PNG.

Color de las bandas
Coal (38) Wind (12) Solar (8) Natural Gas (62) Electricity (100) Direct Heat (20) Residential (34) Commercial (28) Grid Losses (16) Industrial (42)
01EJEMPLOS

Cuatro Ejemplos de Generador de Diagramas de Sankey con Datos Muy Distintos

El mismo formato «origen, destino, valor» genera cada uno de estos: una matriz energética, un presupuesto, un embudo de registro y el balance de materiales de una fábrica. Así se adapta un solo generador de diagramas de Sankey a formas de datos completamente distintas.

Flujo de Energía: De las Fuentes de Generación al Uso Final

Carbón, gas, eólica y solar convergen en un nodo común de electricidad, que luego se reparte entre demanda residencial, comercial e industrial más las pérdidas de red — el diseño combina automáticamente cuatro fuentes en una columna antes de volver a abrirse en cuatro destinos.

Asignación de Presupuesto: De los Ingresos al Gasto por Departamento

Los ingresos totales se dividen por línea de producto, y la parte de cada línea continúa hacia los presupuestos de ingeniería, marketing y operaciones — un diagrama de Sankey deja claro de un vistazo qué línea de ingresos financia realmente cada departamento, algo que un gráfico circular por línea no puede mostrar.

Ruta de Conversión de Usuarios: Del Registro al Plan de Pago

Los visitantes se dividen entre registro y abandono en el primer paso, y los registros se dividen de nuevo entre conversión a pago, abandono en prueba y prueba en curso — un embudo de varias etapas donde este generador de diagramas de Sankey muestra a la vez el tamaño de cada camino y dónde se concentra realmente la fuga.

Balance de Materiales: De la Materia Prima al Producto y al Desecho

La materia prima que entra en una línea de producción se reparte entre producto terminado, reproceso y desecho en dos etapas distintas — un diseño de balance de masa que permite a un ingeniero de proceso ver la pérdida de rendimiento acumulada de toda la línea en una sola figura, sin recorrer tablas etapa por etapa.

02QUÉ ES

¿Qué es un Diagrama de Sankey?

Un diagrama de Sankey es un tipo de diagrama de flujo en el que el ancho de cada banda de conexión se dibuja en proporción directa a la cantidad que representa. Los nodos se agrupan en columnas y bandas de distinto grosor fluyen entre ellas de izquierda a derecha, de modo que se puede comparar dos flujos a simple vista — la banda más ancha siempre transporta más.

Esa regla de «el ancho es la magnitud» es lo que separa un diagrama de Sankey de un diagrama de flujo corriente: las flechas de un diagrama de flujo son uniformes y codifican secuencia o lógica, mientras que las bandas de un diagrama de Sankey codifican una cantidad medida real — energía, dinero, personas, masa, lo que sea que describan las filas de origen, destino y valor.

El nombre viene del diagrama de 1898 del capitán Matthew Riall Sankey sobre la eficiencia energética de las máquinas de vapor, y la misma técnica sigue siendo la forma estándar de mostrar balances energéticos, flujos presupuestarios, flujos de materiales y embudos de conversión de varios pasos, siempre que el lector necesite ver a dónde va una cantidad, no solo que va a algún sitio.

Diagrama de Sankey anotado que señala nodos, columnas y bandas de flujo de ancho proporcional
03CARACTERÍSTICAS

Lo Que Este Generador de Diagramas de Sankey Resuelve por Ti

Generador de diagramas de Sankey calculando automáticamente las columnas y el orden de los nodos a partir de una lista de flujos
DAG LAYOUT

Diseño Calculado a Partir de tus Datos, No Colocado a Mano

Introduce tus filas y este generador de diagramas de Sankey determina a qué columna pertenece cada nodo siguiendo la dirección del flujo en tus datos (un orden topológico), y luego reordena los nodos dentro de cada columna para que las bandas no terminen enredadas. Nunca arrastras una sola caja a mano.

Primer plano de las bandas de un diagrama de Sankey con anchos escalados en proporción a los valores de flujo
VISTA PREVIA EN VIVO

El Ancho de la Banda Siempre es Proporcional, Nunca Decorativo

El grosor de cada banda se calcula con la misma escala usada en todo el gráfico — un flujo del doble de tamaño se dibuja exactamente con el doble de ancho, en cualquier columna, no solo dentro de su propio nodo. Esa coherencia es lo que hace que un generador de diagramas de Sankey sea fiable y no solo vistoso.

Campo de texto de un generador de diagramas de Sankey con un mensaje de validación señalando una fila de datos concreta
CSV / TSV

Pega Texto Plano, Recibe Validación en Cada Línea

Escribe o pega filas «origen,destino,valor» — el formato que usan la mayoría de las herramientas de diagramas de Sankey, así que los datos existentes se trasladan sin reformatear. Las filas con errores no desaparecen sin más: una línea mal formada, un valor no numérico, un nodo que se referencia a sí mismo o un flujo que forma un ciclo se marca con el número de línea, para que corrijas el dato de origen en vez de adivinar por qué desapareció un nodo.

Panel de ajustes de un generador de diagramas de Sankey para ancho de nodo, espaciado, modo de color y dimensiones del lienzo
SVG + PNG

Ancho de Nodo, Espaciado, Color y Tamaño de Lienzo, Todo Ajustable

Cambia el color de las bandas entre por origen, por destino o un color plano según lo que el gráfico necesite resaltar, ajusta el ancho de nodo y el espaciado vertical para un diseño más denso o más aireado, y fija el tamaño exacto del lienzo antes de exportar — una figura para publicación y una diapositiva rara vez piden las mismas proporciones.

04COMPARAR

Diagrama de Sankey vs Diagrama de Flujo vs Diagrama Aluvial

Los tres dibujan cajas conectadas por líneas, y es fácil elegir el equivocado. Hay un único límite que de verdad importa: qué puede significar el ancho o el grosor de una conexión.

Diagrama de Sankey

  • El ancho de la banda representa una cantidad medida — lo único que puede representar
  • Colocación libre de nodos: cualquier nodo puede conectarse con cualquier otro, en la dirección que impliquen los datos
  • Pensado para flujo de un solo sentido y sin ciclos de una cantidad conservada o parcialmente perdida (energía, dinero, masa, tráfico)

Diagrama de Flujo

  • Las flechas tienen un ancho uniforme — codifican secuencia, lógica de decisión o dependencia, nunca magnitud
  • Las formas tienen significado propio (rombo = decisión, rectángulo = proceso) en vez de un tamaño proporcional
  • Úsalo para documentar pasos o lógica, no para comparar cuánto se movió de un sitio a otro

Diagrama Aluvial

  • Usa la misma técnica de bandas proporcionales que un diagrama de Sankey, así que a menudo se representan de forma casi idéntica
  • Los nodos se sitúan en etapas fijas y equiespaciadas (normalmente puntos temporales o categorías ordenadas) en vez de un diseño de red libre
  • Pensado para seguir cómo cambia la pertenencia a categorías de la misma población de una etapa a otra — una clasificación que cambia con el tiempo, no un recurso que se consume
05PLANTILLA

Formato de Entrada y Especificaciones de Exportación

Este generador de diagramas de Sankey lee el mismo formato de tres columnas que usan la mayoría de las herramientas de diagramas de Sankey, así que los datos preparados para una suelen pegarse directamente en otra sin reformatear.

Filas de Entrada

CampoEjemploNotas
SourceCarbónNombre de nodo que distingue mayúsculas y minúsculas. La primera aparición fija su posición inicial en el diagrama.
TargetElectricidadDebe ser distinto del origen en la misma fila — un nodo no puede fluir hacia sí mismo.
Value38Cualquier número positivo, se admiten decimales. Determina el ancho de la banda en relación con el resto de flujos del gráfico.

Salida de Exportación

PropiedadValor
Formato vectorialSVG — texto y trazados editables, con el tamaño exacto de tu configuración de lienzo
Formato rásterPNG — renderizado a 2x de resolución para texto nítido en diapositivas y documentos
Lienzo por defecto960 × 600 px, ajustable antes de exportar
Modos de colorPor nodo de origen, por nodo de destino, o un solo color plano
06FAQ

Preguntas Frecuentes

Lo que la gente pregunta antes de pegar su primer conjunto de flujos en un generador de diagramas de Sankey.

07HERRAMIENTAS RELACIONADAS

¿Listo para Crear tu Diagrama de Sankey?

Pega arriba tus filas de origen, destino y valor y exporta un diagrama de Sankey con bandas proporcionales como SVG o PNG — gratis, sin registro.

Generar mi Diagrama de Sankey