Generador de Sankey Bicolor de Flujo Presupuestario

¿Qué es un Sankey bicolor de flujo presupuestario?

Un Sankey bicolor de flujo presupuestario es un diagrama de flujo que usa dos familias de color opuestas para representar el dinero que entra y el dinero que sale. Adopta una disposición en capas de izquierda a derecha: a la izquierda, las partidas de ingreso entran una capa tras otra, como afluentes, y confluyen en la fina barra pivote vertical situada en el centro del lienzo; pasado el pivote, el dinero cambia a la familia magenta y se abre hacia la derecha, nivel a nivel, hasta que el extremo derecho se despliega en un abanico de filamentos finos: las partidas de gasto más pequeñas. El pivote es una fina barra vertical rellena con un degradado horizontal que va del cian en su borde izquierdo al magenta en el derecho, así que de un vistazo se lee de dónde viene el dinero y a dónde va. El ancho de las bandas es estrictamente proporcional a los valores, así que de dónde vino cada unidad de dinero, por qué nivel de agrupación pasó y en qué partida terminó se lee directamente en la imagen.

Su lenguaje visual es inconfundible: el lado de los ingresos comparte una misma familia cian, el de los gastos una misma familia magenta, y ambos se encuentran en la barra pivote central, cuyo degradado horizontal cian → magenta marca el punto en que cambia la familia. Dentro de una familia el color no es plano: los nodos se ordenan por caudal y se reparten en siete escalones de claridad, así que los flujos mayores son los más gruesos y saturados, mientras que los más pequeños se vuelven finas láminas pálidas — la profundidad del color funciona, por tanto, como un mapa de calor de la magnitud. Las etiquetas se jerarquizan por columna y se separan automáticamente mediante confinamiento a los bordes y resolución de colisiones, de modo que ni siquiera las cuentas densas se funden en una masa compacta. El aspecto general recuerda a los anuarios fiscales oficiales y a los pósteres de infografía: ideal para informes, presentaciones y periodismo de datos.

Características

• Guiado por plantilla, capas automáticas: descarga la plantilla CSV, rellena tres columnas — source,target,value — y súbela. La herramienta deduce la columna de cada nodo a partir de la jerarquía de flujos, así que el número de etapas sigue a tus datos y nunca lo declaras a mano
• Disposición bicolor en capas, de izquierda a derecha: las familias de ingresos y gastos se encuentran en una misma barra pivote central cuyo color pasa de cian a magenta; el cian converge desde la izquierda y el magenta se abre hacia la derecha, de modo que todo el recorrido del dinero se lee como una sola línea continua y no como una serie de etapas inconexas
• Paleta bicolor opuesta: el nodo con mayor caudal se detecta automáticamente como pivote presupuestario; todo lo anterior es cian, todo lo posterior es magenta, y la barra pivote lleva un degradado horizontal cian → magenta, haciendo explícita la relación ingresos / gastos
• Siete escalones de matiz por familia: dentro de una familia, los nodos se ordenan por caudal y se reparten en siete escalones de claridad: los flujos grandes son los más profundos y los hilos más pálidos, de modo que la profundidad del color equivale a la magnitud
• Etiquetas jerarquizadas con anticolisión automática: las etiquetas se jerarquizan por columna: la primera muestra el nombre y el valor, la última coloca el valor arriba con el nombre ajustado debajo, y las columnas intermedias conservan solo el nombre; con resolución de colisiones, las partidas densas siguen siendo legibles
• Tres paletas bicolores: Cian–Magenta (por defecto), Turquesa–Naranja y Azul–Rojo, conmutables con un clic; el modo oscuro aclara automáticamente ambas familias para el contraste
• Fondo claro / oscuro: alterna el estilo de fondo y la exportación conserva el fondo actual
• Exportación multiformato: descarga un PNG de alta resolución (ratio 2x) o un SVG vectorial editable en software de diseño
• Procesamiento local y privado: todos los datos se analizan y renderizan en tu navegador, nunca se suben a un servidor

Ámbitos de uso

• Presupuesto público y equilibrio fiscal: fuente de ingresos → línea de ingresos → pivote presupuestario → categoría de gasto → ministerio → partida, el uso clásico de este gráfico
• Resultado y agrupación de costes en empresa: fuente de ingresos → línea de reconocimiento → pivote de beneficio neto → categoría de coste → coste por departamento → cuenta detallada
• Pools de financiación y estructura de capital: recursos propios / deuda / fondos propios → pool → dirección de inversión → proyecto → desembolso concreto, con el color separando entradas y salidas
• Atribución de canales y embudos de marketing: fuente de tráfico → página de destino → ruta de conversión → canal de cierre → tipo de cliente
• Flujos de energía y recursos: energía primaria → etapa de conversión → pivote portador → sector consumidor → uso final, cian para las entradas y magenta para las salidas
• Periodismo de datos e informes anuales: flujos de ingresos y gastos densos y solventes para investigaciones en profundidad y memorias de instituciones públicas

Cómo usarlo

1. Haz clic en Descargar plantilla CSV para obtener el archivo de ejemplo (46 flujos de ejemplo que se abren como un Sankey presupuestario completo de 47 nodos)
2. Rellena tus propios datos con el formato de la plantilla: source,target,value
3. Haz clic en la zona de subida o arrastra tu archivo CSV a la página
4. El Sankey bicolor en capas de izquierda a derecha se genera automáticamente; previsualízalo con las distintas paletas y el fondo claro / oscuro
5. Opcional: escribe un título en el campo Título del gráfico; déjalo vacío para ocultarlo
6. Cuando estés conforme, haz clic en Descargar PNG o Descargar SVG

Formato de datos

Campo	Obligatorio	Descripción
source	Sí	Nombre del nodo de salida (categoría anterior)
target	Sí	Nombre del nodo de entrada (categoría siguiente)
value	Sí	Valor de ese flujo (número positivo); el ancho de la banda es proporcional a él

Límites: hasta 200 filas y no más de 24 nodos por etapa. El número de etapas se deduce de la jerarquía de los datos; nunca lo declaras en el CSV. Los datos deben formar una estructura por capas de sentido único; un flujo circular activa un aviso.

Nota: un mismo nombre se trata siempre como un único nodo en todo el gráfico. Si distintas etapas necesitan realmente el mismo nombre, añade un prefijo por etapa — por ejemplo Stage1-North y Stage3-North — de lo contrario se fusionarán. El nodo pivote se detecta automáticamente como el de mayor caudal; nunca lo designas a mano.

Cómo leer el gráfico

Empieza por la fina barra vertical del centro del lienzo, cuyo color pasa de cian a magenta: ese es el pivote presupuestario (en el ejemplo, «Total public expenditure» con 12.900). La familia cian de la izquierda es el lado de los ingresos: las partidas de ingreso entran desde la izquierda, se agrupan nivel a nivel y confluyen en la barra pivote, con las bandas engrosándose a medida que se acercan a ella. Pasado el pivote, la familia cambia a magenta y el dinero se abre hacia la derecha nivel a nivel, con las bandas afinándose hacia la derecha hasta desplegarse en un abanico de filamentos finos en el extremo: esos filamentos son las partidas de gasto más finas. El degradado cian → magenta de la barra pivote marca el punto en que cambia la familia: ahí terminan los ingresos y empiezan los gastos. El punto donde cambia la familia de color marca la frontera entre ingresos y gastos: el cian es dinero que entra, el magenta dinero que sale. Dentro de una misma familia, cuanto más oscura y gruesa es una banda, mayor es su valor, y los hilos pálidos que se afinan hasta una línea son las partidas más pequeñas. Las etiquetas de la primera columna van a la izquierda de su nodo con el nombre y el valor, las de la última van a la derecha con el valor arriba y el nombre ajustado debajo, y las columnas intermedias conservan solo el nombre, con ajuste y anticolisión automática. Pasa el cursor sobre cualquier banda o nodo para leer la cifra exacta.

Acerca de Gotokit

Gotokit crea herramientas en línea limpias, rápidas y bonitas. Este generador de Sankey bicolor de flujo presupuestario dibuja su disposición bicolor en capas de izquierda a derecha con el layout sankey estándar de ECharts, no requiere registro, funciona al instante y procesa todos los datos localmente en tu navegador para proteger tu privacidad.