Arc Diagram

Arc Diagram

Categoría Flujo
Ejemplo de Arc Diagram

Qué es

Nodos alineados horizontalmente conectados por arcos curvados sobre la línea. El grosor del arco puede indicar la magnitud de la relación.

Para qué sirve

Para mostrar relaciones entre elementos con un orden natural o secuencial, cuando la linearidad del layout tiene significado (ej: orden temporal).

Cómo leerlo

Anatomía

Esta forma se introdujo formalmente como solución a un problema puntual: mostrar patrones de repetición dentro de una cadena de datos —texto, música o código— que los dotplots tradicionales no escalaban bien para representar. Un proyecto anterior ya había aplicado una versión temprana de la idea a partituras musicales completas, dibujando arcos traslúcidos para revelar, literalmente, la forma estructural de una composición de un vistazo —de la repetición simple de un estribillo pop a la arquitectura profunda de una fuga. Un arco conecta dos apariciones del mismo elemento, con su altura creciendo según la distancia entre ambas: patrones que se repiten seguido generan arcos bajos, los que se repiten lejos, arcos altos.

Arco de piedra natural, una curva que nace y termina en la misma base rocosa, recortada contra el cielo del atardecer: la forma pura de un arco, la unidad básica que un arc diagram repite una y otra vez para conectar pares de puntos sobre una línea

Por qué funciona

Fundamento perceptivo

El orden lineal de los nodos puede codificar tiempo o secuencia, lo que añade una dimensión que el Network Graph circular no tiene.

Errores comunes

  • Arcos difíciles de seguir

    los que cruzan muchos nodos intermedios cuestan de leer, así que ordena los nodos para minimizar cruces; no escala bien con más de 30 nodos.

Dónde se usa

Contextos de aplicación

Co-ocurrencia de términos en un texto
01

Co-ocurrencia de términos en un texto

Nodos en línea y arcos que unen los términos que aparecen juntos.

Colaboraciones con orden cronológico
02

Colaboraciones con orden cronológico

Al mantener los nodos en una recta ordenada, el tiempo queda legible.

Conexiones entre versiones de un sistema
03

Conexiones entre versiones de un sistema

Arcos entre versiones que comparten componentes o correcciones.

Herramientas para construirlo

No-code, desktop y plataformas web, con su licencia visible, abierta o comercial.

No-code
Observable Freemium
JavaScript
D3.js Open Source
Desktop
Gephi Open SourceCytoscape Open Source

Gráficos relacionados

Variantes y alternativas cercanas.