Repolode
Enviar
antvis

antvis/X6

Motor de edición y visualización de grafos en TypeScript/JavaScript, basado en SVG y HTML, para diagramas DAG, ER, de flujo y de linaje.

Ver en GitHubSitio web
Estrellas
6,752
Forks
1,895
Issues abiertos
156
Último commit
hace 15 días

¿Qué es?

AntV X6 es un motor de edición de grafos escrito en TypeScript que representa nodos y aristas con SVG y HTML. Está pensado para crear aplicaciones interactivas de diagramación, como diagramas DAG, diagramas ER, diagramas de flujo y grafos de linaje, sin tener que empezar desde cero.

Los nodos se pueden personalizar y hacer interactivos con SVG o HTML, o mediante React, Vue y Angular. La biblioteca sigue un modelo basado en datos de estilo MVC, para que el código de la aplicación pueda centrarse en los datos y la lógica de negocio. También ofrece un sistema de eventos que abarca los eventos que ocurren dentro del gráfico.

X6 incluye de forma nativa más de diez extensiones de edición, como selección con lazo, líneas de alineación y un minimapa. Se instala desde npm como @antv/x6 y admite renderizado del lado del servidor.

Funciones clave

  • 01Representa nodos y aristas con SVG y HTML.
  • 02Permite personalizar el estilo y las interacciones de los nodos mediante SVG, HTML, React, Vue o Angular.
  • 03Incluye extensiones como selección con lazo, líneas de alineación y un minimapa.
  • 04Arquitectura MVC basada en datos con un sistema de eventos completo.
  • 05Admite renderizado del lado del servidor.

Casos de uso

  • Crear editores de diagramas DAG o de flujos de trabajo en una aplicación web.
  • Crear herramientas para diagramas de entidad-relación (ER).
  • Desarrollar visualizaciones de diagramas de flujo o grafos de linaje.
  • Añadir diagramación interactiva a una interfaz desarrollada con React, Vue o Angular.

Inicio rápido

  1. 1

    Instala el paquete con npm

    npm install @antv/x6 --save
  2. 2

    Importa Graph y crea un grafo en un elemento contenedor

  3. 3

    Añade nodos y una arista al grafo

En colecciones

Diagramas, gráficos y visualizaciones animadasCursos y herramientas de ciencia de datos

Temas

#graph-editor#diagramming#visualization#svg#typescript#flowchart#dag#data-visualization#antv#diagram

Preguntas frecuentes

¿Qué es X6?
Motor de edición y visualización de grafos en TypeScript/JavaScript, basado en SVG y HTML, para diagramas DAG, ER, de flujo y de linaje. AntV X6 es un motor de edición de grafos escrito en TypeScript que representa nodos y aristas con SVG y HTML. Está pensado para crear aplicaciones interactivas de diagramación, como diagramas DAG, diagramas ER, diagramas de flujo y grafos de linaje, sin tener que empezar desde cero.
¿X6 es gratuito? ¿Qué licencia tiene?
X6 es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿X6 sigue mantenido?
Mantenimiento activo. El último commit de X6 fue el 23 oct 2026.
¿Para qué puedo usar X6?
Crear editores de diagramas DAG o de flujos de trabajo en una aplicación web. Crear herramientas para diagramas de entidad-relación (ER). Desarrollar visualizaciones de diagramas de flujo o grafos de linaje. Añadir diagramación interactiva a una interfaz desarrollada con React, Vue o Angular.
¿Cómo se instala X6?
Instala el paquete con npm: npm install @antv/x6 --save Importa Graph y crea un grafo en un elemento contenedor Añade nodos y una arista al grafo
¿Dónde consigo X6?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/antvis/X6

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados