ChaosLens
✦Herramientas destacadas0
Inicio de herramientas/Creadores de gráficos/Generador de diagramas de arcos
[{"source":"A","target":"B","weight":4,"group":"Núcleo"}]

Generador de diagramas de arcos

Crea un diagrama de arcos a partir de datos de origen, destino, peso y grupo; después revísalo, dale estilo y expórtalo.

⌒
Editor de datos y diagramaAñade datos o carga el ejemplo para empezar.
100%

Suelta un archivo aquí

Datos sin procesar

Escribe una relación por línea. Se aceptan CSV y JSON.

Tabla de datos

#Origen (source)Destino (target)Peso (weight)Grupo (group)Acción
Validación de datos

Los datos son válidos.

    Diseño Dirección
    Enlaces
    Nodos
    Colores Paleta
    Proporción del lienzo
    Configuración de exportación
    —Nodos—Enlaces—Peso total—Grupos
    El diagrama se ha actualizado.
    Detalles de la selección

    Selecciona un nodo o enlace para consultar sus datos.

    Cómo interpretar el diagrama

    Preparar los datos de relaciones

    Cada fila representa un enlace desde un nodo de origen hasta uno de destino. Origen, destino y peso son obligatorios; el grupo puede servir para asignar colores. Un mismo enlace dirigido solo puede aparecer una vez.

    Entender los arcos y los pesos

    La distancia entre nodos determina la amplitud del arco; un arco más largo no significa una relación más fuerte. El peso se traduce en grosor de línea y solo se puede comparar directamente con un intervalo uniforme en el mismo gráfico.

    Elegir un formato de exportación

    SVG es apropiado para editar e imprimir, PNG para mostrar directamente y CSV para conservar los enlaces válidos actuales. El fondo transparente solo cambia el lienzo exportado, no los nodos ni los enlaces.

    Límites de uso

    • Se admiten hasta 500 enlaces y 200 nodos.
    • El peso debe ser un número finito mayor que 0.
    • Se rechazan los enlaces dirigidos duplicados y los enlaces a uno mismo.

    Más información

    Uso y límites

    Campos y flujo de trabajo

    1. Indica los valores de origen y destino.
    2. Añade un peso numérico cuando importe la magnitud.
    3. Usa un grupo para organizar los nodos relacionados.

    Errores y validación

    Si una fila contiene un nodo vacío, un peso no positivo, un enlace a sí mismo o un enlace dirigido duplicado, la herramienta señala esa fila y detiene el diagrama para que una vista anterior no se confunda con el resultado actual. El dibujo continúa al corregir los datos.

    Cómo se construye el diagrama

    Los nodos se colocan a intervalos iguales sobre una línea horizontal, siguiendo el orden elegido. Cada enlace usa como radio horizontal la mitad de la distancia entre sus dos nodos; el ajuste de curva modifica el radio vertical sin cambiar los datos.

    El grosor de línea asigna los pesos mínimo y máximo actuales al intervalo configurado. El color puede representar el grupo, el origen, un degradado por peso o un color fijo. Al seleccionar un nodo se resaltan sus enlaces directos.

    Preguntas frecuentes

    Preguntas frecuentes

    ¿Qué datos usa un diagrama de arcos?

    Cada fila de relación necesita un nodo de origen y otro de destino. También puedes indicar un peso numérico y un grupo opcional.

    ¿Cómo se determina el grosor del enlace?

    El grosor es la representación visual de cada peso numérico dentro del intervalo de anchos configurado; no es un valor causal.

    ¿Qué formato de exportación debería elegir?

    SVG es adecuado para editar e imprimir, PNG resulta práctico para compartir y CSV guarda los datos de relaciones válidos.

    Privacidad e implementación

    Procesamiento local

    Los datos se analizan, se dibujan y se exportan en este navegador. No se sube nada ni se llama a ninguna API remota.

    Notas sobre la exportación

    SVG mantiene la nitidez al ampliar y es fácil de editar. PNG resulta práctico para imágenes y admite fondo transparente, mientras que CSV conserva las filas de relaciones actuales.

    Notas de implementación

    El diagrama se dibuja con las API SVG y Canvas del navegador.

    ChaosLens Herramientas enfocadas del navegador en un solo lugar.
    Inicio de herramientasHerramientas de imagenConversores de unidadesCalculadoras de saludHerramientas para probar tecladosHerramientas para probar el ratónHerramientas para probar pantallasHerramientas aleatoriasCreadores de gráficosHerramientas para bodasBlogAcerca de ChaosLensPolítica de privacidad
    Las herramientas se ofrecen para procesamiento cómodo en el navegador.