Generador de gráficos de Sankey: crea un diagrama editable en línea
Crea un diagrama de Sankey con tus propios flujos: escribe nodos e importes en una tabla o pega una lista de origen, destino y valor, y edita el resultado en el lienzo.
Un gráfico de Sankey muestra cómo una cantidad se divide y se combina al pasar por distintas etapas. En QueryChart lo construyes a partir de una tabla de flujos y luego ajustas nombres, importes, unidades y colores en el lienzo.
Cada fila de la tabla es un nodo, y cada fila puede indicar los nodos a los que fluye con un importe. El ancho de cada cinta del diagrama es ese importe, por lo que la imagen siempre coincide con las cifras que escribiste. Cambia una cifra y las cintas se redimensionan al instante.
El ejemplo de arriba sigue los ingresos mensuales de un hogar hasta las categorías del presupuesto que cubren. Es una buena prueba para un generador de Sankey porque tiene estructura real: dos fuentes confluyen en un fondo común, este se divide en tres y cada rama se vuelve a dividir.
Cómo leer este diagrama
- El ancho de la cinta es el importe: la cinta de Salario es unas cinco veces más ancha que la de Trabajo freelance porque 3.200 es unas cinco veces 600.
- Todo lo que entra en un nodo vuelve a salir, así que la altura del nodo es su total. El sueldo neto es 3.800 de entrada y 3.800 de salida.
- Se lee de izquierda a derecha: de dónde viene el dinero, cómo se llama una vez reunido, qué categoría lo reclama y en qué se gasta finalmente.
- Las cifras son un ejemplo inventado, no un presupuesto recomendado.
Los datos detrás del diagrama
Cifras ilustrativas de un hogar en euros al mes, elegidas para que todos los nodos cuadren. Sustitúyelas por las tuyas.
| Desde | Hacia | Cantidad (€) |
|---|---|---|
| Salario | Sueldo neto | 3200 |
| Trabajo freelance | Sueldo neto | 600 |
| Sueldo neto | Necesidades | 2100 |
| Sueldo neto | Ahorro | 800 |
| Sueldo neto | Caprichos | 900 |
| Necesidades | Vivienda | 1300 |
| Necesidades | Comida | 500 |
| Necesidades | Transporte | 300 |
| Ahorro | Fondo de emergencia | 300 |
| Ahorro | Plan de pensiones | 500 |
| Caprichos | Suscripciones | 150 |
| Caprichos | Ocio | 450 |
| Caprichos | Viajes | 300 |
Los mismos datos en CSV
source,target,value
Salario,Sueldo neto,3200
Trabajo freelance,Sueldo neto,600
Sueldo neto,Necesidades,2100
Sueldo neto,Ahorro,800
Sueldo neto,Caprichos,900
Necesidades,Vivienda,1300
Necesidades,Comida,500
Necesidades,Transporte,300
Ahorro,Fondo de emergencia,300
Ahorro,Plan de pensiones,500
Caprichos,Suscripciones,150
Caprichos,Ocio,450
Caprichos,Viajes,300Cómo funciona
Enumera tus nodos
Añade una fila por nodo: cada origen, etapa y destino. Dale a cada nodo un nombre corto, porque los nombres se convierten en las etiquetas del diagrama.
Añade los flujos y los importes
En la columna Fluye hacia, indica los nodos a los que fluye cada fila y escribe el importe de cada flujo. Usa una sola unidad para todo el gráfico y defínela una vez.
Revisa el equilibrio y dale estilo
QueryChart señala un nodo que envía más de lo que recibe. Después elige la alineación, los colores y las etiquetas, y descarga el diagrama como imagen o PDF.
Preguntas frecuentes
¿Necesito escribir código o usar un formato de archivo especial?
No. Escribes nodos e importes en una tabla o pegas una lista de origen, destino y valor. No hay nada que instalar ni sintaxis que aprender.
¿Puedo editar el diagrama una vez generado?
Sí. Los nombres, los importes, la unidad, los colores y el orden de los nodos son editables, y el diagrama se redibuja mientras escribes.
¿Qué pasa si un nodo envía más de lo que recibe?
QueryChart lo marca con un aviso en la celda del importe para que encuentres el error. Un nodo que recibe más de lo que envía está permitido, y el panel de sugerencias ofrece añadir un nodo Otros por la diferencia.
Crea este gráfico de Sankey
Abre este ejemplo como tu propio gráfico. Cambia los importes, renombra los nodos o sustitúyelo todo por tus datos.