Generador de Diagrama de Cuerdas en Línea - Gratis
Usar Generador de Diagrama de Cuerdas en Línea - Gratis
La herramienta funciona directamente en esta página, sin registro ni instalación.
Sube un CSV para generar un diagrama de cuerdas clásico por sectores: nodos sobre arcos exteriores gruesos y cintas translúcidas en el centro. Las escalas numéricas colocadas en la franja interior vacía de cada arco de color muestran el flujo acumulado a lo largo del arco de cada nodo (misma unidad que la columna value del CSV), de 0 hasta el flujo total de entrada/salida del nodo — la longitud del arco y el ancho de las cintas son proporcionales al flujo. Exportación PNG / SVG, todo local.
Sobre esta herramienta
Para flujos entre categorías (migración, comercio, citas, llamadas), un diagrama de cuerdas responde de un vistazo a quién intercambia con quién y cuánto. Los nodos rodean el círculo, cada arco exterior codifica el flujo total del nodo y las cintas interiores muestran la fuerza entre pares por ancho y color, legible incluso con decenas de nodos.
- Exporta PNG / SVG nítido y editable
- Varios temas integrados, cambio en un clic
- Compatible con lienzo claro y oscuro
- Gratis, sin marca de agua ni límites
Comparado con flujos de dataviz generalistas
| Aspecto | Esta herramienta | Alternativa típica |
|---|---|---|
| Dirección visual | Optimizado para una gramática visual concreta | Más general, pero requiere más ajustes |
| Exportación | Prioriza exportación rápida PNG/SVG | Más formatos, pero flujo más pesado |
| Ideal para | Presentaciones, páginas temáticas y visuales sociales | Construir gráficos analíticos a medida |
Documentación
Un generador gratuito en línea de diagramas de cuerdas (chord diagram). Sube datos CSV para generar un diagrama circular a todo color y descargar imágenes PNG / SVG en alta resolución (sin marca de agua). La página incluye por defecto datos de ejemplo sobre flujos entre 50 países, así que verás el resultado nada más abrirla.
1. ¿Qué es un diagrama de cuerdas?
Un diagrama de cuerdas (chord diagram) es una visualización de datos circular que muestra el flujo o la intensidad de las relaciones entre varias categorías. Su nombre procede de la «cuerda» geométrica: un segmento de recta cuyos extremos están sobre una circunferencia. En visualización de datos, las categorías se disponen a lo largo de la circunferencia como arcos de colores, y cuanto más anchas son las bandas (cuerdas) que las conectan, mayor es la relación o el flujo que representan.
El valor esencial del diagrama de cuerdas está en que responde de forma intuitiva a la pregunta clave: quién fluye hacia quién y en qué medida. Frente a las tablas o los gráficos de barras tradicionales, condensa relaciones complejas de muchos a muchos en un único diseño circular, lo que permite ver de un vistazo qué nodos están estrechamente relacionados y qué flujo es el más intenso.
Desde el punto de vista técnico, el diagrama de cuerdas puede considerarse una variante del diagrama de arcos: un método de visualización que muestra las relaciones cruzadas dentro de una matriz. Los nodos se disponen radialmente alrededor del círculo y los enlaces entre ellos se dibujan como arcos ponderados (con ancho). Este diseño hace que el diagrama de cuerdas sea especialmente adecuado para comparar similitudes entre conjuntos de datos o entre distintos grupos de datos.
2. Principales casos de uso
El diagrama de cuerdas se utiliza ampliamente en todo tipo de escenarios en los que es necesario mostrar relaciones complejas entre múltiples entidades:
- Comercio y flujos de población: volúmenes de comercio, flujos de capital y migraciones entre países o ciudades; por ejemplo, las relaciones comerciales mundiales de importación y exportación o los flujos migratorios entre ciudades.
- Análisis de redes sociales: seguimientos, republicaciones e interacciones entre usuarios, y rutas de difusión de la información dentro de las comunidades. El diagrama de cuerdas muestra con claridad la intensidad de interacción entre los nodos centrales y los periféricos de una red social.
- Bioinformática y genómica: fuerza de asociación y coocurrencia entre especies o genes. En las ciencias biológicas, el diagrama de cuerdas se usa ampliamente para visualizar datos genómicos.
- Gestión empresarial y análisis organizativo: frecuencia de colaboración, flujo de conocimiento y densidad de comunicación entre departamentos. Los directivos pueden usarlo para identificar silos de información o núcleos de colaboración dentro de la organización.
- Análisis de texto y coocurrencia: redes de coocurrencia de palabras clave y mapas de colaboración entre autores. En el análisis de la literatura académica, el diagrama de cuerdas se emplea a menudo para mostrar las conexiones entre las líneas de investigación más activas.
3. ¿Qué significan los números del gráfico?
Las marcas numéricas del diagrama de cuerdas se encuentran en la zona en blanco justo por dentro de los arcos exteriores de colores, y representan el flujo acumulado a lo largo del segmento de arco de ese nodo. En concreto:
- La escala va de 0 hasta el total de entradas y salidas del nodo, en la misma unidad que la columna value de tu archivo CSV.
- La longitud del arco es proporcional al flujo: cuanto más largo es el arco exterior de un nodo, mayor es su volumen total de entradas y salidas.
- El ancho de la cinta es proporcional al flujo: cuanto más ancha es la cinta entre dos nodos, mayor es el flujo entre ambos lugares.
En resumen: fíjate en la longitud del arco exterior para valorar el flujo total de un nodo, y en el ancho de las cintas para valorar la intensidad de las relaciones entre pares. Para centrarte en las relaciones principales, ignora las cintas finas y lee solo las más gruesas. Con datos de matriz simétrica (como recuentos bidireccionales), el diagrama dibuja cintas en ambas direcciones, que puedes distinguir mediante los colores de dirección (si los hay).
4. Cómo usar esta herramienta
4.1 Preparación de los datos
Esta herramienta acepta datos CSV de tres columnas: source,target,value.
- source (nodo de origen): quien inicia la relación, por ejemplo, el nombre de un país, un usuario o un departamento
- target (nodo de destino): quien recibe la relación
- value (valor del flujo): la magnitud del flujo entre ambos, como un volumen de comercio o un número de interacciones
Límites: hasta 200 filas y 60 nodos como máximo. Se admiten datos con o sin fila de encabezado.
Ejemplo de formato de datos CSV:
source,target,value
China,Japan,380
China,USA,460
Germany,France,340
4.2 Pasos a seguir
- Abre la página: al acceder a la página de la herramienta verás de inmediato el diagrama de cuerdas de ejemplo integrado con flujos entre 50 países.
- Sube tus datos: arrastra un archivo CSV hasta la zona indicada o haz clic en el botón «Haz clic para subir» para elegir un archivo. También puedes pulsar primero «Cargar ejemplo» para probar el resultado.
- Elige la paleta de colores: la herramienta ofrece tres temas de color — Clasico / Arco iris / Morandi. Cambia el estilo del gráfico con un solo clic; también admite los modos de visualización claro y oscuro.
- Exporta la imagen: haz clic en «Descargar PNG» o «Descargar SVG» para guardar la imagen. El PNG se exporta en alta resolución 2x y el SVG es un gráfico vectorial escalable; ambos sin marca de agua.
4.3 Características principales
- 100 % gratuito, sin límite de usos
- Sin registro ni inicio de sesión
- Funciona directamente en el navegador, sin descargas ni instalaciones
- Los datos se procesan íntegramente en local y nunca se suben a ningún servidor, lo que protege plenamente tu privacidad
5. Preguntas frecuentes (FAQ)
Q1: ¿Los datos del diagrama de cuerdas deben tener las tres columnas source, target y value?
Sí. La herramienta acepta datos CSV de tres columnas (source, target, value), con un máximo de 200 filas y 60 nodos. La fila de encabezado es opcional.
Q2: ¿Qué formatos de archivo se admiten?
Se admiten archivos de texto .csv.
Q3: ¿Qué límites de volumen de datos hay?
Hasta 60 nodos y 200 relaciones.
Q4: ¿Qué calidad tienen las imágenes exportadas?
El PNG se exporta en alta resolución 2x y el SVG es un formato vectorial libremente escalable; ninguno de los dos lleva marca de agua.
Q5: ¿Mis datos se subirán a un servidor?
No. Todo el procesamiento de datos se realiza localmente en tu navegador y nunca se envía a ningún servidor.
Q6: ¿Por qué las cintas del diagrama de cuerdas tienen dirección?
Con datos de matriz simétrica (como recuentos bidireccionales), el diagrama dibuja cintas en ambas direcciones, que puedes distinguir mediante los colores de dirección (si los hay).
Q7: ¿Qué hago si hay demasiados nodos y el gráfico se ve muy denso?
Si tienes muchos nodos, céntrate en las relaciones principales: ignora las cintas finas y lee solo las pocas más gruesas para captar rápidamente la información esencial.
Última verificación: 2026-09-10
Preguntas frecuentes
¿Los datos del diagrama de cuerdas están en formato source, target, value?
CSV de tres columnas (source,target,value), hasta 200 líneas y 60 nodos.
¿La imagen exportada tiene marca de agua?
No, el PNG y el SVG exportados no llevan marca de agua.
¿Esta herramienta de gráficos sirve más para presentaciones, informes o visuales sociales?
Los tres usos son válidos, pero con prioridades distintas: legibilidad en presentaciones, estructura y anotación en informes, y densidad visual y estilo en redes sociales.
¿En qué se diferencia de una herramienta de gráficos generalista?
Estas herramientas están optimizadas para una gramática visual concreta, lo que permite llegar antes a un resultado sólido. Las herramientas generalistas son más flexibles, pero suelen requerir más configuración.
¿Puedo usar esta herramienta en móvil o tableta?
La mayoría funciona en navegadores móviles modernos, pero los gráficos complejos, archivos grandes y tareas de arrastrar con precisión suelen ir mejor en escritorio.
¿Esta herramienta va mejor para tareas puntuales o flujos recurrentes?
La herramienta destaca en tareas puntuales, comprobaciones rápidas y exportaciones temporales. Para automatización continua o integración profunda, suele complementarse con otros programas o sistemas.
¿Cómo obtener un mejor resultado desde el primer intento?
Empieza con el ejemplo integrado o con la muestra real más pequeña que tengas. Cuando el formato, la maquetación y la exportación se vean bien, pasa al conjunto completo o al archivo final.
¿Puedo volver a abrir esta herramienta más tarde en otro dispositivo?
Sí, puedes volver a abrir la página en otro dispositivo en cualquier momento. Eso sí, si algunos datos solo se guardan en el navegador actual, no se sincronizarán automáticamente.
Más de Diseño
Todas las herramientas de DiseñoGenerador de red circular de evidencia
Crea una red circular desde CSV con pacientes y estudios por comparación introducidos por separado. El área representa pacientes y el grosor, estudios. Procesamiento local, modo claro/oscuro y exportación PNG/SVG, sin análisis estadístico.
Selector Pantone
Selecciona colores y encuentra la referencia Pantone más cercana con salida HEX/RGB y copia rápida.
Estudio de Rueda de Color
Un selector de color basado en iro.js con rueda de color, salidas HEX/RGB/HSL/HSV, copia y paleta.
Generador de Esquemas de Color
Generador de esquemas de color con 7 reglas de armonía, vista previa UI en vivo y exportación a HEX, Tailwind o variables CSS.
Pantone + CMYK + RGB para Impresión
Herramienta de paleta de impresión con 150+ muestras Pantone, 2-5 colores, coincidencia Pantone automática.
Generador Online de Arte de Degradado
Herramienta online inspirada en Art of the Gradient con degradados radiales por capas, mezcla, generacion aleatoria y copia CSS.
Gráfico de Burbujas Circular Elegante por Fecha
Proyecta un año de eventos sobre un anillo de fechas concéntrico (meses en el círculo exterior y días alineados hacia dentro), de modo que cada evento flote como una burbuja degradada sobre su casilla del calendario. Paleta refinada de baja saturación, fondos claro / oscuro y exportación PNG / SVG.
Rosa de Nightingale No. 1 con Doble Degradado
Una rosa de Nightingale cuyos pétalos se despliegan en anillo simétrico, cada uno pintado con un degradado bicolor en vez de un color plano. Un año opcional se sitúa en el centro del gráfico, con fondos claro / oscuro y exportación PNG / SVG.
Generador de Diagrama de Sankey de Dos Columnas
Convierte un flujo izquierda-derecha en un Sankey con acabado de cartel: nodos vivos a la izquierda, grises ponderados a la derecha y cada banda con nombre, valor y proporción. Fondos claro / oscuro y exportación PNG / SVG.
Generador de Streamgraph - Creador de Gráfico Fluvial en Línea Gratis
Un streamgraph suave donde cada serie se apila simétricamente alrededor de una línea base que oscila con el tiempo, como cauces de río que se desplazan. Ideal para comparar cómo evolucionan juntas las partes de un todo; admite 2 a 16 series y 3 a 40 filas, con fondos claro / oscuro y exportación PNG / SVG.
Generador de Streamgraph Morandi - Gráfico de Río en Línea Gratis
Un streamgraph vestido con una paleta Morandi de azul a rosa: azul marino, gris azulado y rosa empolvado de baja saturación serenan el río superpuesto, finas costuras blancas separan cada capa y una leyenda superior empareja colores y series. Fondos claro / oscuro y exportación PNG / SVG.
Generador de Gráfico de Banda de Error - Gratis en Línea
Muestra tendencia e incertidumbre en la misma figura con una banda de error continua que se ensancha o estrecha según la volatilidad de cada tramo. Incluye temas clásico, arcoíris y Morandi, más fondos claro / oscuro y exportación PNG / SVG.
Generador de Gráfico de Burbujas con Tallos Curvos - Gratis en Línea
Ordena cronologías con burbujas de tallo curvo: cada evento cae sobre un eje temporal, el tallo se arquea desde la base y el eje Y logarítmico vuelve comparables magnitudes muy distintas. Cinco colores, fondos claro / oscuro y exportación PNG / SVG.
Generador de Diagrama de Zonificación de Burbujas Morph - Gratis en Línea
Fusiona los nodos hijos con su núcleo mediante superficies Metaball en lugar de dejarlos flotando sueltos; las etiquetas siguen el arco exterior, líneas discontinuas conectan las burbujas y una paleta de cuatro verdes mantiene la calma. Pensado para estructuras de núcleo y miembros, con fondos claro / oscuro y exportación PNG / SVG.
Generador de Diagrama de Cuerdas en Abanico - Gratis en Línea
Organiza datos bipartitos de pocos grupos hacia muchos objetivos con una cuerdas en forma de vieira: arcos inferiores ponderados por flujo, objetivos en abanico arriba y cintas finas que cruzan el centro por curvas de Bézier. Las etiquetas radiales se mantienen ordenadas y listas para exportar.
Generador de Mapa de Calor Anotado - Gratis en Línea
Un mapa de calor de tabla que mantiene legibles los números: cada celda se colorea y muestra su valor, una escala divergente va de cero hacia los extremos positivos y negativos, y una barra de color graduada queda a la derecha. Temas clásico, arcoíris y Morandi, fondos claro / oscuro y exportación PNG / SVG.
Generador de Gráfico de Barras Agrupadas con Barras de Error - Gratis
Compara grupos experimentales con barras agrupadas y barras de error en un estilo académico sobrio, listo para replicar figuras de publicación. Dos barras pastel, errores negros en I, marco completo y exportación PNG / SVG con fondos claro / oscuro.
Generador de Ridgeline Plot - Creador de gráfico de crestas en línea gratis
Un ridgeline plot (joy plot) que apila varias distribuciones sobre su propia línea de base, con crestas suaves que nunca se solapan, nombre de serie a la izquierda de cada fila y leyenda de puntos debajo: ideal para comparar picos y dispersión de muchos grupos uno al lado del otro. Hasta 6 series y 400 filas, con fondos claro / oscuro y exportación PNG / SVG.
Generador de Barras Radiales Apiladas - Racetrack en línea gratis
Convierte cada fila en un anillo concéntrico de barras radiales apiladas, con arcos cuya longitud sigue el total del anillo y muestra la composición de cada año como si fuera una pista. Los totales en cursiva y la leyenda vertical facilitan la lectura inmediata.
Generador de Sankey narrativo de abanico curvo
Recrea el estilo de referencia con fuentes en abanico, eventos inclinados y arcos hacia personajes. Importa CSV y exporta PNG/SVG.
Generador de dispersión de burbujas en escala log
Sube un CSV para crear un diagrama de burbujas con doble eje log: el área codifica una tercera variable, los colores siguen tus grupos y se añade una línea y=x con anotaciones R² / P / n.
Generador de Sankey de Cinco Etapas con Degradado Pastel
Un Sankey de cinco etapas que dibuja origen → tránsito → centro → canal → destino de una sola vez. Cada nodo recibe su propio color pastel, las bandas funden un degradado origen → destino con baja opacidad, y los nodos finos llevan píldoras blancas en las columnas intermedias. Tres paletas suaves, fondo claro / oscuro y exportación PNG / SVG.
Generador de Sankey Bicolor de Flujo Presupuestario
Un Sankey presupuestario bicolor en capas de izquierda a derecha, basado en el layout sankey estándar de ECharts: el lado de los ingresos converge en cian desde la izquierda, atraviesa la barra pivote central que pasa de cian a magenta y, a continuación, el lado del gasto diverge hacia la derecha en magenta. Dentro de cada familia, los nodos se ordenan por caudal en siete escalones de claridad: más oscuro y grueso significa mayor valor, y los hilos pálidos que se afinan hasta una línea son las partidas más pequeñas. Las etiquetas se jerarquizan por columna con anticolisión automática. Tres paletas bicolores, fondo claro / oscuro y exportación PNG / SVG.
Generador de Diagrama de Sankey de Flujo Energético
Un Sankey de flujo energético de profundidad libre que dibuja fuentes de energía → vectores de conversión → usos finales de una sola vez, al estilo DECC del Reino Unido. Cada nodo recibe un color terroso multicolor, las bandas funden un degradado origen → destino a muy baja opacidad (~0,2), y todas las etiquetas se sitúan a la derecha de las barras sin fondo. Tres paletas, fondo claro / oscuro y exportación PNG / SVG.
Generador de Sankey de Enriquecimiento Metabolito-Vía
Un Sankey de enriquecimiento metabolito → vía de dos columnas, con un panel de burbujas a la derecha. Cintas grises claras unidas a ~0,6 de opacidad ; etiquetas a la izquierda de la barra, alineadas a la derecha y centradas, sin píldora ; ~50 metabolitos pastel alimentan 11 vías tono gema ; x = -Log(Pvalue), área = Count, rojo = Hit Ratio. Fondo claro / oscuro, exportación PNG / SVG.
Generador de Diagrama de Sankey de Decisiones en Cuatro Etapas
Un Sankey de cuatro columnas que dibuja todo el embudo de una vez — origen, destino, decisión y desglose por origen. El flujo entra en capas desde la izquierda y la derecha lo descompone en barras de aceptado / rechazado por fuente, con insignia de año y tres paletas; ideal para revisiones, aprobaciones o admisiones.
Generador de Diagrama de Sankey de Influencia de Tres Columnas
Encadena tipo de situación → escena → personaje en un solo diagrama de flujo de influencia: el grosor de la cinta es el propio valor, así que cuanto más gruesa sea la escena mayor es su peso en el resultado. Los nodos de la derecha heredan el color de su categoría de origen principal y la leyenda toma los nombres de tu propio CSV: cambia los datos y todo el gráfico se renueva. Incluye título y leyenda integrados, fondo claro / oscuro y exportación PNG / SVG.
Generador de Mapa de Calor Matricial en Escalera Triangular
Organiza una matriz de frecuencias (cuántos días pasa cada categoría en cada rango de valores) como un mapa de calor triangular escalonado. El color codifica la frecuencia; los rangos intercuartílicos, medianas y medias se dibujan solos. Tres paletas, fondos claro / oscuro y exportación PNG / SVG.
Generador de Diagrama de Cuerdas con Cintas de Degradado Circos
Separa nodos cálidos y fríos en dos arcos continuos al estilo Circos, y deja que cada enlace se convierta en una cinta degradada entre ambos tonos. Así los flujos entre bandos se leen de un vistazo, con modo oscuro y exportación PNG / SVG.
Generador de Diagrama de Cuerdas con Burbujas
Sitúa relaciones por pares alrededor de un gran círculo con burbujas cuyo tamaño indica escala y cuyo color menta-a-azul marca intensidad. Los enlaces se curvan hacia el centro con grosor proporcional al flujo y los nombres irradian al exterior; funciona muy bien para colaboración, suministro y flujos entre equipos.
Generador de Diagrama de Arco Radial
Traza flujos país-hacia-organización en un arco radial superior segmentado por región, con marcas de país que descienden hacia nodos dimensionados por volumen total. Encaja en historias de comercio global, ayuda o migraciones, con modo oscuro y exportación PNG / SVG.
Generador de Diagrama de Cuerdas Bicolor en Anillo
Representa flujos bipartitos fuente-hacia-destino en un medio anillo pizarra arriba y otro rosa abajo, con sectores ponderados por flujo total y curvas de Bézier que cruzan el centro hacia flechas de destino. Sirve para amenazas, capacidades y trazabilidad, con modo oscuro y exportación PNG / SVG.
Generador de Diagrama de Cuerdas Doble Abanico Colorido
Este diagrama de cuerdas de doble abanico convierte flujos bipartitos en un reloj de arena: cinco arcos sólidos arriba y cinco arcos pastel abajo sobre un mismo círculo, con aberturas a las 3 y a las 9. Cintas translúcidas se cruzan en la cintura central, y cada sector lleva su propio eje graduado desde 0 con marcas principales cada 10 unidades. Pensado para flujos de canal, reparto de costes y cobertura de requisitos; modo oscuro y exportación PNG / SVG.
Diagrama de Cuerdas de Colinealidad Circos
Este diagrama de cuerdas de colinealidad estilo Circos trata los segmentos del anillo como pistas continuas con coordenadas, no como nodos discretos: las marcas exteriores muestran posiciones y las curvas finas del centro conectan un intervalo con otro. Pensado para sintenia genómica, migración de bloques, remapeo de rangos de direcciones y comparación estratigráfica, con modo claro/oscuro y exportación PNG / SVG.
Generador de Diagrama de Cuerdas de Flujo por Grupo
Dibuja «muchas fuentes hacia unos pocos grupos» en un solo anillo: la mitad izquierda lleva arcos pequeños de origen en un violeta único, la derecha arcos de grupo con un color cada uno y su leyenda vertical, el ancho del arco equivale a los totales del nodo y las cintas se tiñen según su grupo destino. Los separadores blancos dentro de los arcos de grupo muestran de un vistazo cuántas fuentes alimentan cada uno. Pensado para clasificación de muestras, atribución de canales, asignación de temas y destino de lotes, con modo oscuro y exportación PNG / SVG.
Generador de Diagrama de Cuerdas Espectral
Convierte una matriz de relaciones en un anillo espectral: los nodos van en sentido horario del total mayor al menor, los colores de arco se muestrean sobre un degradado continuo —el tono es el ranking (el más rojo el mayor, el más azul el menor)—, cada relación es una línea fina turquesa uniforme que se curva hacia el centro y los separadores blancos de un arco son su lista de conexiones. Con modo oscuro y exportación PNG / SVG.
Generador de Diagrama de Arco
Aplana las co-ocurrencias sobre una sola línea de base con marcas de grupo coloreadas, etiquetas verticales a la izquierda y semicírculos semitransparentes cuya altura y grosor cambian con el peso. Sigue siendo legible incluso con 400 relaciones, con modo oscuro y exportación PNG / SVG.
Generador de Rosa con Colores Agrupados
Convierte las columnas de categoría, valor y grupo en una rosa de Nightingale donde cada pétalo toma el color de su grupo y los tonos fluyen de un segmento al siguiente. Incluye interruptor de etiquetas, fondos claro / oscuro y exportación PNG / SVG.
Pizarra Excalidraw en Línea
Pizarra online basada en Excalidraw para flujos, bocetos, wireframes y anotaciones, con edición local en navegador y exportacion a PNG, SVG y .excalidraw.