Sobre los diagramas de Sankey
Un diagrama de Sankey muestra cómo algo fluye de un lugar a otro. Cada flujo es una banda, y el ancho de la banda es la cantidad. De un vistazo ves a dónde va la mayor parte.
Se usan para:
- Presupuestos personales — a dónde va tu salario: alquiler, comida, ahorros, ocio
- Finanzas de empresa — de los ingresos a costes, impuestos y beneficios, como en los informes anuales
- Energía — del combustible a la electricidad y a los hogares, y cuánto se pierde por el camino
- Webs y apps — de dónde vienen las visitas y dónde se van
- Embudos de ventas — de contactos a llamadas, a ofertas y a clientes
- Búsqueda de empleo — de solicitudes a entrevistas y a ofertas, un clásico en Reddit
Este generador dibuja el diagrama mientras escribes. Sin cuenta, sin marca de agua, y tus números nunca salen de tu ordenador.
Cómo usarlo
- Escribe un flujo por línea: el inicio, la cantidad entre corchetes y luego el destino — por ejemplo Salario [4200] Presupuesto
- O pega tres columnas desde Excel o Google Sheets: desde, hacia, cantidad
- El diagrama se dibuja al instante; añade un título si quieres
- Elige un estilo — Clásico, Minimalista, Intenso, Suave, Contorno, Oscuro, Neón o Editorial — y después los colores y el tamaño de la imagen
- Añade una moneda o unidad antes o después de los números, como € o kWh
- Haz clic en Descargar PNG o Descargar SVG
Cómo escribir tus flujos
- Un flujo por línea: Presupuesto [1500] Alquiler significa que 1.500 van de Presupuesto a Alquiler.
- Las cajas se conectan por su nombre. Escribe Salario [4200] Presupuesto y luego Presupuesto [1500] Alquiler, y Presupuesto se convierte en una caja en el medio por la que pasa el dinero. Los nombres deben escribirse igual cada vez.
- Varios niveles no son problema: Salario → Presupuesto → Ahorros → Inversiones.
- El mismo flujo dos veces se suma.
- Tu propio color para una caja: una línea como :Ahorros #22c55e.
- Comentarios: una línea que empieza por // se ignora.
- Los números se pueden escribir como 4200, 4,200 o 4200.50.
Si lo que entra en una caja es más que lo que sale (o al revés), la caja tiene la altura de la cantidad mayor — así ves lo que sobra.
Ocho estilos
- Clásico — limpio y claro, para informes y documentos
- Minimalista — barras finas y flujos suaves, cuando los números importan más que el color
- Intenso — barras gruesas y colores fuertes que se leen incluso desde el fondo de la sala
- Suave — barras redondeadas sobre un blanco roto cálido, para publicaciones y newsletters
- Contorno — barras huecas y flujos muy claros, para una página impresa que ahorra tinta
- Oscuro — un fondo azul marino para diapositivas oscuras y paneles
- Neón — flujos brillantes sobre negro, para redes sociales y diapositivas de portada
- Editorial — el aspecto de la prensa financiera y los informes de análisis: flujos suaves coloreados por rama, barras oscuras finas, pequeños puntos para los elementos más pequeños, etiquetas en negrita de dos líneas y el total en el centro como una gran cifra de titular
Editorial funciona mejor como «pajarita»: muchas fuentes fluyen hacia un total en el centro, que luego se reparte en grupos y en elementos más pequeños — por ejemplo empresas → *Gasto total* → categorías → proveedores. La herramienta encuentra sola la caja central.
Un estilo solo cambia el aspecto. Tus flujos, la paleta de colores y el tamaño se quedan como los elegiste, así que puedes probar todos los estilos en pocos clics.
Los ajustes
- Forma de los flujos — curvas suaves o bandas rectas
- Dirección — de izquierda a derecha o de arriba abajo (ideal para imágenes verticales de móvil y embudos)
- Cantidades — los números, el porcentaje del total de cada caja, ambos o nada
- Colores — cinco paletas de colores para las cajas
- Color de los flujos — como la caja donde empieza, como la caja donde termina, por rama (cada grupo después del centro mantiene un color hasta el final), un degradado entre ambos o un gris simple
- Antes / después de los números — un símbolo de moneda o una unidad, en cada cantidad
- Tamaño de la imagen — ancha para diapositivas, cuadrada para redes sociales, alta para pantallas de móvil
- Ancho de las cajas, espacio entre cajas, tamaño del texto — para ajustar el aspecto
- Fondo transparente — un PNG sin fondo blanco, para diapositivas con diseño de color
Todo ocurre en tu dispositivo
El diagrama lo dibuja un pequeño script en tu navegador. Tus flujos no se suben y no se guarda nada en línea. Tu última lista se recuerda solo en este dispositivo, para que siga ahí cuando vuelvas.
Preguntas frecuentes
¿Cómo hago un diagrama de Sankey?
Escribe cada flujo en su propia línea como «Desde [cantidad] Hacia», por ejemplo «Salario [4200] Presupuesto». El diagrama aparece mientras escribes. Después haz clic en Descargar PNG o Descargar SVG.
¿Puedo hacer un diagrama de Sankey desde Excel?
Sí. Pon los datos en tres columnas — desde, hacia, cantidad —, copia las filas y pégalas en el cuadro. La fila de encabezado se omite.
¿Es como SankeyMATIC?
Usa las mismas líneas sencillas «Desde [cantidad] Hacia», así que una lista hecha allí también funciona aquí. Todo se ejecuta en tu navegador, sin registro.
¿Por qué no se dibuja uno de mis flujos?
Un diagrama de Sankey fluye en una sola dirección, así que un bucle (A → B → A) no se puede dibujar. La herramienta omite el flujo que cerraría el bucle y te dice cuál es.
¿Cuál es la diferencia entre PNG y SVG?
PNG es una imagen normal para diapositivas, documentos y redes sociales. SVG es un archivo vectorial: se ve nítido a cualquier tamaño y puedes editarlo en Illustrator, Inkscape, Figma o PowerPoint.
¿Se suben mis datos?
No. El diagrama se crea en tu navegador, en tu propio dispositivo.
Bueno saber
- Pasa el ratón sobre un flujo o una caja para ver su cantidad exacta
- El PNG se guarda al doble del tamaño elegido, para que se vea nítido en diapositivas y pantallas grandes
- Para gráficos de barras, líneas y circulares, usa Crear gráficos
Herramientas relacionadas
- Crear gráficos — gráficos de barras, líneas, áreas y circulares
- Generador de nubes de palabras — una imagen de las palabras más usadas
- Calculadora de porcentajes — calcula partes de un total
- Calculadora de estadística — media, mediana y más
- Imagen a SVG — convierte una imagen en vector
- Embellecer capturas — un bonito marco para tu gráfico
