Generador de Diagrama de Cuerdas de Flujo por Grupo

Generador online gratuito de diagramas de cuerdas de flujo por grupo. Sube un CSV de tres columnas source,target,value y la herramienta dibuja «muchas fuentes hacia unos pocos grupos» en un solo anillo: una corona de arcos pequeños a la izquierda reúne todas las fuentes en un violeta uniforme, una capa de arcos mayores a la derecha lleva tus grupos —un color cada uno, con su leyenda vertical— el ancho del arco equivale al total del nodo y cintas semitransparentes teñidas según el grupo destino cruzan el centro. El ejemplo por defecto se dibuja al cargar y puedes exportar PNG / SVG en alta resolución.

Qué es un diagrama de cuerdas de flujo por grupo

Un diagrama de cuerdas normal coloca todos los nodos por igual en un mismo anillo y las cintas del centro expresan cuánto fluye entre cada pareja. El diagrama de flujo por grupo introduce una división estructural del trabajo: supone que tus datos son bipartitos —muchas fuentes pequeñas por un lado, pocos grupos grandes por el otro—. Por eso el anillo se corta en dos semicírculos: la mitad izquierda se reserva a las fuentes y la derecha a los grupos, y cada nodo ocupa un arco cuyo ancho angular equivale a su flujo total.

La ventaja es un recorrido de lectura muy corto. Para saber qué alimenta al grupo A, sigue su arco hacia dentro: todas las cintas que apuntan a él comparten un color, así que la composición se ve de un vistazo. Para saber a dónde va una fuente, parte de su arco pequeño a la izquierda y sigue las cintas que salen de él. Unos finos separadores blancos dividen cada arco en celdas proporcionales al flujo que soporta, de modo que el número de celdas indica con cuántos interlocutores conecta el nodo.

Qué puedes hacer

• Subir un CSV de tres columnas: source,target,value, una fila por flujo. Los conjuntos de nombres de origen y destino deben ser disjuntos: esa es la definición de la estructura bipartita.
• Disposición bipartita automática: los arcos de origen se agrupan en la mitad izquierda y los de grupo en la derecha, con anchos angulares repartidos según los totales y cintas teñidas por grupo destino.
• Leyenda de grupos a la derecha: cada grupo recibe una pastilla de color, su nombre y su total, con exactamente los colores de su arco y sus cintas.
• Separadores blancos dentro de los arcos de grupo: cada arco de grupo queda dividido por los flujos que lo alimentan, así puedes contar sus contribuyentes.
• El ejemplo por defecto es la plantilla: descarga la plantilla CSV, vuelve a subirla y obtendrás exactamente el gráfico en pantalla.
• Modo claro y oscuro: el modo oscuro solo cambia el fondo y el contraste del texto, nunca la estructura.
• Exportación PNG / SVG: listo para informes, diapositivas, pósteres y paneles.
• Procesamiento local: todo se analiza y dibuja en tu navegador, nada se sube.

Cómo usarlo

1. Abre la página y el ejemplo por defecto se dibuja al instante: 14 fuentes hacia 8 grupos llamados AAA–HHH.
2. Sube tu propio CSV o descarga la plantilla para obtener el formato exacto. Hasta 200 filas, ≤24 fuentes y ≤12 grupos.
3. Pasa el cursor sobre cualquier cinta para leer «origen → grupo : valor». Sobre un arco de grupo para ver su total.
4. Cambia claro / oscuro y descarga el PNG o el SVG.

Ejemplo de CSV:

source,target,value
ppp,AAA,420
ppp,CCC,260
aaa,AAA,380
aaa,BBB,240
ccc,BBB,340
ccc,EEE,200

Dónde encaja

• Clasificación de muestras: en qué categorías caen muestras de secuenciación, de ensayo o de jugadores, y de qué se compone cada categoría.
• Atribución de canales: muchos canales o páginas de aterrizaje alimentando unos pocos tipos de conversión.
• Asignación de temas: miles de palabras clave repartidas en unos pocos clústeres temáticos.
• Agrupación de activos: cuentas o posiciones clasificadas por clase de activo o nivel de riesgo.
• Destino de lotes: lotes de producción dirigidos a unos pocos almacenes o carteras de pedidos.
• Logística y redistribución: muchos puntos de envío hacia unos pocos centros regionales.
• Revisión de clústeres: trata las etiquetas de clúster como grupos e inspecciona su composición.

Notas

La idea central es estructura bipartita más pertenencia: fuentes y grupos son cosas de naturaleza distinta, con recuentos y roles muy dispares, por eso ocupan dos semicírculos en lugar de mezclarse en uno solo. Eso lo hace ideal para datos de afluencia «muchos hacia pocos». Si ambos lados son comparables y buscas la fuerza de flujo entre pares, encajará mejor un diagrama de cuerdas normal; si necesitas conservar coordenadas de intervalo —qué tramo corresponde a cuál— usa el diagrama de cuerdas de colinealidad estilo Circos. Cuando el número de grupos supera la capacidad de la paleta, los colores se reutilizan cíclicamente, así que conviene fusionar grupos; el límite estricto son 12.

---

Última verificación: 2026-09-12

Cómo leerlo

Empieza por la leyenda vertical de la derecha: enumera cada grupo con su color y su total, y ese es tu sistema de clasificación. Luego lee la capa de arcos grandes a la derecha: cada arco es un grupo, los arcos más largos implican totales mayores y los separadores blancos que lo cortan marcan las fuentes que lo alimentan. Después mira la corona de arcos violetas pequeños a la izquierda: cada uno es una fuente y su longitud es su total propio. Termina con las cintas: el color indica el grupo de destino, el ancho indica el volumen, y las cintas que salen de un mismo arco pequeño forman el reparto completo de esa fuente.